Question

I have a couple divs like so:

<div>1</div>
<div>2</div

all the way through to

<div>11</div>
<div>12</div>

And so on.

What I’m wanting is a jquery select that picks one of these, like so:

$('.ticketNumber:contains("1")').addClass('something');

The problem with this of course, is its going to select any of the divs that contain the number 1 and not just the one that only contains 1.

So how does one go about telling jquery to do an exact select rather than a wildcard type?

Answer 1

you can extend the selector

$.extend($.expr[':'],{
  containsNumber: function(a,i,m) {

    var text = $(a).text();

    return parseInt(text) == parseInt(m[3]);
  }
});

then you can use your extended selector

$('.ticketNumber:containsNumber(1)').addClass('something');