2012-06-26 67 views
1

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

<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(); 

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

+0

嘗試'$文本();'''#是'id',其中作爲'.'用於類http://api.jquery.com/class-selector/ –

+0

#mytable引用元素的名稱。你的表沒有名字,myTable是類。類在它們前面有一段時間,所以$('。myTable')將返回表。另外,在HTML中你應該使用雙引號:例如class =「mytable」 –

回答

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

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

閱讀關於jQuery的id selectorclass selector

0
$('.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>​ 
0

選擇器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();