jQuery :Contains() Selector Examples

By Sam Deering

It can be written as words or inside parentheses for example this contains function finds all the divs containing the word “jquery4u” and underlines it.

$("div:contains('jquery4u')").css("text-decoration", "underline");

Advanced example jQuery :Contains() Example 2

For this example this contains function finds all the paragraphs containing the word “jquery4u” and converts them to hyperlinks linking to the jquery4u blog.

var parag = $("p:contains('jquery4u')");
for(var i = 0; i < parag.length; i++){
for(var s = 0; s < kwords.length; s++){
var pattern = eval("/" + kwords[s]["kw"] + "/ig");
var originText = parag[i].innerHTML;
parag[i].innerHTML = originText.replace(pattern, "$&< /a>");

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.