0

我想要做的是找到一个<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="">'

可以这样做吗？

4

3 回答 3

5

基本上，您想将图像附加到具有文本 People 的 li 中。尝试如下，

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

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

于 2012-05-31T16:14:44.643 回答
3

这个查找包含文本的<a>元素中的所有元素，然后在 after()之后插入图像：<li>People

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

这个找到<li>包含文本的所有元素，People然后在子元素之后插入图像（<a>如果有）：

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

于 2012-05-31T16:14:04.393 回答
1

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

于 2012-05-31T16:14:32.210 回答