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