jquery - 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="">');

使用される:containsセレクターは、li 内のテキストを検索します。

Answer 2

これは、テキストを含む<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="">');

Answer 3

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