Question

我将此列表<ul>与<li>

联系起来

<ul id="mainmenu">
  <li><a href="status.html">Status</a></li>
  <li><a href="logpoll.html">Live Log</a></li>
  <li><a href="config.html">Config</a></li>
  <li><a href="readers.html">Readers</a></li>
  <li><a href="userconfig.html">Users</a></li>
  <li><a href="services.html">Services</a></li>
  <li><a href="files.html">Files</a></li>
  <li><a href="failban.html">Failban</a></li>
  <li><a href="cacheex.html">CacheEX</a></li>
  <li><a href="script.html">Scripts</a></li>
  <li><a href="shutdown.html">Restart</a></li>
</ul>

我需要使用某些文字找到<li>的解决方案并将图像添加到此<li>中，例如：

  <li><img src="image1.jpg"><a href="status.html">Status</a></li>
  <li><img src="image2.jpg"><a href="logpoll.html">Live Log</a></li>

我知道这个解决方案

  $('li:contains("Status")').prepend('Links for image');

但我认为这太复杂了。

想法：将文本从LI添加到VAR，然后通过IF进行比较，例如

  var text = "text from LI"
  if(page == 'status'){  
      // add image to LI.
  }

Answer 1

我想我明白你想要什么。使用你的代码我为你创建了一个小提琴（有一些选项）。

它围绕着这样的事情：

$("li").append('<img src="image1.jpg">');然后我用.each()循环扩展了这个概念。

http://jsfiddle.net/franktudor/28L05o22/

享受....

Answer 2

试试这个

$("li").html("<img src='image1.jpg'/>");

在<li>中查找文字并将图像添加到此</li> <li> </li>中

2 个答案: