javascript - 获取对具有特定值的元素的引用

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()

演示：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;
}