使用親子方法從鏈接中選擇文本

Question

我有一個代碼如下;

<td class="class1" colspan="5"> 
<a class="class2" href="LINKLINK">TEXTDATA</a> 
</td> 

我可以通過以('.class2').text()選擇鏈接文本。但我想用兒童方法來抓取文本。如果我沒有鏈接類（class2）並且只有class1，我怎樣才能獲得相同的結果。我認爲解決方案將會像('.class1').children('a').text()。

我該怎麼做？

Answer 1

$('.class1').children('a').text(); 

會做這項工作。請記住，$(.class1')將匹配具有類class1的頁面上的每個元素。所以你會得到所有內部鏈接的文本。

你也可以這樣做：

$('.class1:first').children('a').text(); 
$('.class1').first().children('a').text(); 
$('.class1').find('a').text(); //checks all descendants 
var context = $('.class1')[0]; 
$('a', context).text(); 

有更多的途徑......我建議你檢查出的選擇和遍歷節上jQuery API docs。

祝你好運！