javascript - jqueryで「abbr」属性に特定の値を持つ要素を選択するにはどうすればよいですか

Question

私のhtmlの一部は次のとおりです。

<tr id="row">
  <td abbr='selectme'>
    <div>Texti inside the div</div>
    Text outside the div
  </td>

  <td>
    any others I dont care about
  <td>
</tr>

そして、属性'selectme'を持つtd内にある「div外のテキスト」を選択しようとしています。jqueryでそれを達成するにはどうすればよいですか?

私はこのように試しました：

$("#row").find("[abbr='selectme']").text() 

しかし、それは何も返しません。

Answer 1

.text()は、子孫要素のテキスト コンテンツも返し、それらを除外します

var text = $("#row").find("[abbr='selectme']").contents().filter(function () {
    //select only text nodes of the targetted td element
    return this.nodeType == 3
}).text();

デモ:フィドル

• 文章（）
• コンテンツ（）
• フィルター（）
• ノードタイプ

Answer 2

属性名で要素を簡単に検索できます。

$("[abbr='selectme']").text();