查找裏面的文本，並用jquery替換

Question

我想要做的是找到一個<li>其中包含人的話，然後用人和圖像取代這個？

這是當前HTML

<div class="subMenu"> 
     <ul> 
      <li class=""> 
       <span> 
        <a href="/sally">People</a> 
       </span> 
      </li> 
      <li class=""> 
       <span> 
        <a href="/working-us">Working with us</a> 
       </span> 
      </li> 
      <li class=""> 
       <span> 
        <a href="/delegate">Delegate Resource</a> 
       </span> 
      </li> 
     </ul> 
    </div> 

我想用 'People <img src="/Img/banner.png" alt="">'

可以這樣做，以取代文本 '人'？

Answer 1

這一個查找所有在包含文本People<li>元件<a>元件然後插入圖像after()它：

$("li a:contains('People')").after('<img src="/Img/banner.png" alt="">');

這一個查找所有包含文本People則<li>元件其插入兒童之後的圖像<a>元素如果有的話：

$("li:contains('People') a").after('<img src="/Img/banner.png" alt="">');

Answer 2

$('*:contains("People")').html('People <img src="/Img/banner.png" alt="">');

Answer 3

基本上你想追加一個圖像到李有文字的人。請嘗試如下，

$('.subMenu li:contains(People)') 
     .append('<img src="/Img/banner.png" alt="">'); 

使用:contains選擇器，它尋找li中的文本。