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'替换为'People <img src="/Img/banner.png" alt="">'

可以这样做吗？

Answer 1

基本上你想把图像附加到有文字People的li上。试试如下，

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

使用:contains选择器，它会查找li中的文字。

Answer 2

这会找到包含文字<a>的{{1}}元素中的所有<li>元素，然后插入图片after()：

People

这个元素会找到包含文本$("li a:contains('People')").after('<img src="/Img/banner.png" alt="">');的所有<li>元素，然后在子People元素之后插入一个图像（如果有的话）：

<a>

Answer 3

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

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

3 个答案: