JQuery contains selector_jquery-JS Tutorial-php.cn

JQuery contains selector_jquery

WBOY

Release： 2016-05-16 18:28:35

Original

1639 people have browsed it

contains selector

contains selector refers to the object itself that includes the specified content, such as: $('td:contains("abcd")').addClass('highlight' ); is to find all cells containing content such as "abcd", set the style type of these cells and add the "highlight" class.

The following code needs to be refreshed after running in order to load jquery

<div>
</div>
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair
J. Ohn

<br>
<input onclick="runEx('runcode34443')" type="button" value="运行代码"><input onclick="doCopy('runcode34443')" type="button" value="复制代码"><input onclick="doSave(runcode34443)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a>[Ctrl A Select all Note: </div>If you need to introduce external Js, you need to refresh to execute <br>]<br><br><div class="codetitle">In jQuery Two useful custom selectors: odd and :even. For example, the following code can set the odd and even rows of the table to have different styles: <span><a style="CURSOR: pointer" data="26157" class="copybut" id="copybut26157" onclick="doCopy('code26157')"><u></u></a>Copy the code </span>
</div>
<div class="codebody" id="code26157"> The code is as follows: <br><br> <br>$(document).ready(functioin() { <br><br>　$("tr:odd").addClass("oddstyle"); <br><br>　$("tr:even" ).addClass("evenstyle"); <br>
</div>}); <br><script src="http://code.jquery.com/jquery-latest.js"></script> <script> 
$(document).ready(function(){ 
$("div:contains('John')").css("text-decoration", "underline"); 
}); 
</script>Among them, tr:odd selects all the odd rows in the table, and then adds the style oddstyle; tr:even Select all even rows in the table and add style evenstyle. Of course, oddstyle and evenstyle must be defined in the css file first.