在li中查找文本并用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="">' 替换文本'People '

可以这样做吗？

Answer 1

基本上你想要一个图像附加到文本People的li.试试如下,

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

已使用:包含选择器,用于查找li中的文本.