获取对具有确切值的元素的引用

Question

我希望使用jquery css选择器获得对具有完全特定文本值的元素的引用。

示例：

<table >
 <tbody>
  <tr>
   <td>
    <i>MYVAL</i>  <!-- I want the reference to this element-->
   </td>
  </tr>
 </tbody>
</table>

但我只能写

才能成功

$('table tbody tr td i[value="MYVAL"]').SomeFunction();

哪种语法正确？

Answer 1

注意那不使用纯CSS选择器！

使用.filter（）：

http://jsfiddle.net/p6fKe/

$('table tbody tr td i').filter(function(){return $(this).text() == "MYVAL"}).SomeFunction();

Answer 2

使用此代码

$('table tr td i:contains("MYVAL")').SomeFunction()

DEMO： http://jsfiddle.net/enve/6wjDj/

Answer 3

function selectTextElement(text) {
    var elements = [];
    $('table tbody tr td i').each(function() {
        if (jQuery(this).text() == text) {
            elements.push(jQuery(this));
        }
    });
    return elements;
}