jquery find span with special text

Question

I am trying to select a span with specific text in jquery. Jquery "contains" is not very strict, so if I use it and search for "tab", it would also select "table", which I dont want.

$(".spanbox:contains('Tab')").css('background-color', 'Green')

The example-spans:

<span class="spanbox">Tab</span>
<span class="spanbox">Table</span>

Is there a way to exclusively select on of the classes members with a certain text?

Flagged as duplicate. OP, see this: http://stackoverflow.com/a/813688/614152 — Matthew Blancarte, Mar 23 '13 at 20:16

score 3 · Accepted Answer · answered Mar 23 '13 at 20:18

3

You can do it using .filter() with a function parameter, like so:

$(".spanbox").filter(function() {
   return $(this).text() == 'Tab';
}).css('background-color', 'Green');

answered Mar 23 '13 at 20:18

Nelson

49,283
8
68
81

Adil Shaikh · Answer 2 · 2013-03-23T20:32:42.187

1

try this way :

$.fn.textEquals = function (text) {
    var match = false;
    $(this).each(function () {
        if ($(this).text().match("^" + escapeRegex(text) + "$")) {
            match = true;
            return false;
        }
    });
    return match;
};

$(".spanbox").textEquals('Tab').css('background-color', 'Green');
$(".spanbox").textEquals('Table').css('background-color', 'Red');

edited Mar 23 '13 at 20:32

answered Mar 23 '13 at 20:24

Adil Shaikh

44,509
17
89
111

jquery find span with special text

2 Answers2