How do I get reference to DOM element in jQuery based on DOM element's contents?

Question

Consider this example:

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>    
  </tr>  
</table>

How can I get reference to <td>2</td>? I need reference as I want to trigger event on it.

@Hardy It won't work because 2 might not be at the same position in my specific problem — user4913383, Aug 20 '16 at 12:06
Is there a CSS selector for elements containing certain text? http://stackoverflow.com/q/1520429/5277216 — Blaž Zupančič, Aug 20 '16 at 12:23

score 1 · Answer 1 · answered Aug 20 '16 at 12:09

1

Just loop like:

$('table td').each(function() {
  if ($(this).text() === '2') {
    // trigger some event
    $(this).doTheThing();
  }
});

answered Aug 20 '16 at 12:09

Hardy

score 1 · Answer 2 · answered Aug 20 '16 at 12:11

1

$('td:contains("2")')

Selects the td with number 2 inside.

answered Aug 20 '16 at 12:11

Blaž Zupančič

score 1 · Answer 3 · answered Aug 20 '16 at 12:22

1

Description: Reduce the set of matched elements to those that match the selector or pass the function's test.

$("td").filter(function() {
    return $(this).text() === "2";
}).trigger("whatever");

answered Aug 20 '16 at 12:22

Andreas

3 Answers3