변경 <span> 문서로드시 텍스트가 jQuery로로드됩니다.

Question

향후 업데이트를 수정할 수없는 동적으로 생성 된 메뉴 시스템을 사용하는 WordPress 사이트에서 작업하고 있습니다.하지만 변경하고 싶습니다. 문서의 jQuery가있는 해당 메뉴의 <span>에있는 텍스트 스타일. 스팬은 <li> 항목으로 중첩되어 있으며 차이가 나는지는 알 수 없습니다. (그리고 WordPress에서 차이를 보지 못합니다.) 다른 <span>'s이 있는데 변경하지 않으려 고하므로 <span> 내 특정 텍스트와 일치해야합니다. 변경하고 싶습니다.

그래서 내가 어떻게 바꿀 수이 $(document).ready에이

<span style="color:#123456;">We are here to help.</span>

에 <span>We are here to help.</span>

?

전체 HTML은

<ul id="nav"><li class="li_item"><a class="navlink" href="http://www.mysite.org/contact-us/"><strong>Contact Us</strong><span>We are here to help.</span></a></li></ul>

업데이트 :이 작동; 충돌없이 별칭에 기능을 포장해야합니다

jQuery(function($) { 
$(document).ready(function() { 
$("#nav li span:contains('We are here to help.')") 
.css("color", "#f8481c"); 
}); 
}); 

Answer 1

이 시도 (nav을지지 메뉴 시스템의 ul의 ID입니다) : 귀하의 예를 this jsFiddle 작품

$(document).ready(function() { 
    $("#nav li span:contains('Text text text')") 
     .css("color", "#123456"); 
}); 

가 :

를

Answer 2

: : contains가 작동하지 않는 경우에 작동합니다.

$(function() { 
    $('#nav li span').each(function() { 
    if ($(this).text() === 'We are here to help.') 
     $(this).css('color', '#123456'); 
    }); 
}); 

편집 : 너무 많은 괄호.