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

时间:2012-05-31 16:11:20

标签: jquery

我想要做的是找到一个包含人物的单词<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="">'

可以这样做吗?

3 个答案:

答案 0 :(得分:5)

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

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

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

答案 1 :(得分:3)

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

People

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

<a>

答案 2 :(得分:1)

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