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.

Answer 1

Just loop like:

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

Answer 2

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

选择内部编号为2的td。

Answer 3

.filter()

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