獲取具有特定值的元素的引用

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; 
}