在li中查找文本并替换为jquery

Question

我想要做的是找到一个包含单词people的<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‘替换为'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

基本上，您希望将一个图像附加到具有文本人物的li中。尝试如下所示，

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

使用了:contains选择器，它在li中查找文本。

Answer 3

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