javascript - 如何将图像添加到锁定的 html 代码

Question

我遇到了一个大问题。我想将图像添加到 html 代码中。如果我可以访问 html 代码，那没什么大不了的。不幸的是它被锁定了，它看起来像这样:

<ul class="cc-nav-level-0 j-nav-level-0">
  <li id="cc-nav-view-1691317785" class="jmd-nav__list-item-0 j-nav-has-children cc-nav-parent j-nav-parent jmd-nav__item--parent">
    <a href="/sound-packs/" data-link-title="Sound Packs">Sound Packs</a>
    <span data-navi-toggle="cc-nav-view-1691317785" class="jmd-nav__toggle-button"></span>
  </li>
  <li id="cc-nav-view-1691317885" class="jmd-nav__list-item-0">
    <a href="/apps/" data-link-title="Apps">Apps</a>
  </li>
  <li id="cc-nav-view-1691318285" class="jmd-nav__list-item-0">
    <a href="/comments/" data-link-title="Comments">Comments</a>
  </li>
  <li id="cc-nav-view-1701055985" class="jmd-nav__list-item-0">
    <a href="#news" data-link-title="News" class="sub hide-lnk">News</a> 
  </li>
</ul>

我要添加的图像应该在字体的右侧。有没有办法以某种方式插入代码？

Answer 1

当然，你应该能够做你想做的事。查看 jQuery 命令:.append()、.html() 等。例如:

请注意，您也可以用相同的方式注入(inject)新的 CSS...

$(function(){
  var newstuff = '\
  <style>\
  #new{color:red;}\
  </style>\
  <div id="new">Here is a newly-injected DIV</div>\
  ';
  $('#mt').html(newstuff);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div id="mt">You can replace what is there with modified/enhanced code.</div>