jquery - タイトル付きのテーブル データの Jquery セレクター

Question

クラスを含むテーブルと、クラスを含むいくつかのテーブル行 (同じコードから複数の同様のテーブルが生成されるため、これらはすべてクラスです) があり、タイトルを持つそこに含まれるテーブル データから情報を取得したいと考えています。次のようになります。

<table class='mytable'><br/>
<tr>< td></td></tr><br/>
<tr class ='useful'><td title='hasTitle'>9</td></tr><br/>
</table><br/>

（タグを表示する方法がわからないため、htmlにスペースを追加しました..）

テーブルクラスとテーブル行と td タイトルに基づいて、jquery で 9 (テーブルデータの内部テキスト) を選択する方法はありますか? 私はそう推測しますが、よくわかりません。私はそれが次のように見えると思います

  $('#mytable tr#useful td[title='hasTitle']).html(); 

しかし、そのセレクターの構文が正しいかどうかはわかりません。

Answer 1

$('.mytable tr.useful td[title="hasTitle"]').html();

に注意しているように、テーブルではなく、の代わりに使用する必要がclassあります。id.#

jQuery id セレクターとクラス セレクターについて読む

Answer 2

$('.mytable tr.useful td[title="hasTitle"]').html()

jsFiddle の例。

クラスを参照する必要があるときにIDを参照しています。#クラスを選択しながら ID を.選択します。

別の方法は、あなたが持っているコードを使用して（小さな引用符の修正を$('#mytable tr#useful td[title="hasTitle"]').html();加えて）、テーブルのHTMLを次のように変更することです。

<table id='mytable'><br/>
<tr><td></td></tr><br/>
<tr id='useful'><td title='hasTitle'>9</td></tr>
</table>​

Answer 3

セレクタjqueryは、あなたが書く「CSS」のようなものです：

$('#mytable tr#useful td[title='hasTitle']).html(); 

ここでは、内部に tr を持つID "mytable" を持つオブジェクトを探しています....

次のように書く必要があります：

$('table.mytable tr.useful td[title="hasTitle"]').html();