帶有標題的表格數據的Jquery選擇器

Question

我有一個帶有類和幾個錶行的表（所有這些都是類，因爲多個類似的表是從相同的代碼生成的），我想從中獲取一些信息其中包含的具有標題的表格數據。它看起來是這樣的：

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

（在空間添加到HTML，因爲我不知道如何得到它顯示的變量。）

是否有jQuery的方式選擇9（所以表內數據的文本）基於表類和錶行和td標題？我會這樣認爲，但我不確定。我猜它會看起來像

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

但我不知道如果該選擇符語法是否正確或不。

Answer 1

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

正如你音符class，對於表中沒有id，所以你應該使用.而不是#。

閱讀關於jQuery的id selector和class selector

Answer 2

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

jsFiddle example。

當您應該引用類時，您正在引用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(); 

在這裏，您正在尋找與ID 「MYTABLE」 裏面一個TR的對象....

你應該寫類似：（ 「mytable的tr.useful TD [標題= 'hasTitle']」）。

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