Content Filtering selector in jquery selector details _ jquery

This article mainly introduces the content filter selector of the jquery selector. If you need it, you can refer to it and hope to help you write the HTML structure of the DOM element first:

The Code is as follows:

The Code is as follows:

John Resign

George Martin

Malcom John Sinclair

J. Ohn

Has p

I.: contains (text)
Select an element with the text content as "text"

The Code is as follows:

$ ("P: contains ('john')"). addClass ("highlight"); // find all p elements containing "John"

Ii. empty
Select an empty element without any child element or text
Using chrome to review elements, we can see that the class style of p as empty has changed.

The Code is as follows:

$ ("P: empty"). addClass ("highlight ");

Iii. has (selector)
Select the element containing the element matched by the selector

The Code is as follows:

$ ("P: has (p)"). addClass ("highlight"); // search for all p elements containing p

4. parent
Select an element tag containing child elements or text

The Code is as follows:

$ ("P: parent"). addClass ("highlight"); // search for all p elements containing child elements or text