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 中添加空格，因为我不知道如何让它显示标签..）

jquery中有没有办法根据表类和表行和td标题选择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(); 

在这里，您正在寻找一个ID为“mytable”的对象，其中包含一个 tr ...。

你应该写这样的东西：

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