Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > JQuery contains selector_jquery

JQuery contains selector_jquery

WBOY

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

Original

1678 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.

Related labels：

contains jquery

source：php.cn

Previous article：javascript dynamically modify styles and cascading style sheet code_javascript skills Next article：js binding events with parameters and manually triggering events_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

What is a NullPointerException, and how do I fix it?

2024-10-22 09:46:29
From Novice to Coder: Your Journey Begins with C Fundamentals

2024-10-13 13:53:41
Unlocking Web Development with PHP: A Beginner's Guide

2024-10-12 12:15:51
Demystifying C: A Clear and Simple Path for New Programmers

2024-10-11 22:47:31
Unlock Your Coding Potential: C Programming for Absolute Beginners

2024-10-11 19:36:51
Unleash Your Inner Programmer: C for Absolute Beginners

2024-10-11 15:50:41
Automate Your Life with C: Scripts and Tools for Beginners

2024-10-11 15:07:41
PHP Made Easy: Your First Steps in Web Development

2024-10-11 14:21:21
Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity

2024-10-11 12:59:11
The Key to Coding: Unlocking the Power of Python for Beginners

2024-10-11 12:17:31

Latest Issues

Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...

From 2024-04-06 14:54:03

0

2

421

How to retrieve values of unselected rows in HTML data table using jquery I'm trying to get the value of all rows where the button was not clicked. For example, whe...

From 2024-04-05 09:26:49

0

1

1418

Need a jquery script to move selected options from a select box based on the end user's current selection I have an HTML page where the end user can rank our items via a select box element. See th...

From 2024-04-04 18:40:04

0

1

3528

I've created an element in pure CSS via bookmarks. It is created but not visible My code is as follows: g=document.createElement('div');g.setAttribute("id","...

From 2024-04-04 17:27:27

0

1

417

Unable to send form data on Safari/Firefox iOS This works on all platforms except Safari/Firefox on iOS: jQuery("#gform_1").one...

From 2024-04-04 12:53:48

0

1

303

Related Topics

More>

Popular Recommendations

Popular Tutorials

More>

Related Tutorials

Popular Recommendations

Latest courses

Latest Downloads

More>

Web Effects

Website Source Code

Website Materials

Front End Template