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>");

No Reader comments



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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