li에서 텍스트를 찾아 jquery로 바꿉니다.

Question

내가하고 싶은 일은 people이라는 단어가 포함 된 특정 <li>을 찾고 사람과 이미지로 바꾸시겠습니까?

이

<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="">가'

는이 작업을 수행 할 수와 텍스트 '사람'을 교체하려는 현재의 HTML을 무엇입니까?

이

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

이 하나가 다음 텍스트 People가 포함 된 모든 <li> 요소를 발견

가 삽입 :

Answer 1

이 하나의 텍스트 People를 포함 <li> 요소의 모든 <a> 요소는 다음 after()이 이미지를 삽입 발견 어린이 후 이미지 <a> (있는 경우) :

Answer 2

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

Answer 3

은 기본적으로 당신은 텍스트 사람들이있는 리튬에 이미지를 추가 할 수 있습니다.

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

는 리튬의 텍스트를 검색 :contains 선택기를 사용, 아래와 같이하십시오.