使用父子方法从链接中选择文本

Question

我的代码如下;

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

我可以通过('.class2').text()选择链接文字。但我想使用children方法获取文本。如果我没有链接类（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上的选择器和遍历部分。

祝你好运！