使用jQuery读取span标签的值

Question

我正在尝试读取表格中td标记内的span标记的文本值。我只想访问该span的值，但我失败了，因为每次返回整行的文本时：

<table>
<tr>
<td> The cell i want <span style="color:#0000FF;"> I want this!! </span> </td>
<td>Not this</td>
</tr>
</table>

我尝试使用：

$("table tr span[style='color:#0000FF']:first");

Answer 1

  

我尝试使用：

     

$("table tr span[style='color:#0000FF']:first");

如果您使选择器完全与元素匹配（您在颜色值之后缺少; - 将其从元素{{1}中移除}属性，或将其添加到选择器）。 （如果您使用style来获取范围的文本。）Live Example

但它真的脆弱。如果还有其他方法可以识别该范围，请使用另一种方式。例如，它是.text()内的第一个跨度，所以：

td

......如果你能依靠它，那就行了。

请注意，在这两种情况下，您都会从包含匹配范围的第一行获取文本;后续行将被忽略。

Answer 2

您可以使用它来获取范围文本

$("table tr td:first span:first").text();

或

$("table tr td:eq(0) span:first").text();

LIVE DEMO

Answer 3

你可以这样做：

$("table tr:first td:first span:first").text();

或简单地说：

$("table").find("span:first").text(); 

或

$("table span:first").text();

或

 $("table span:eq(0)").text();

Answer 4

使用jquery text() ：

$('table tr td:first span').text()

Answer 5

谢谢大家的工作和有用的解决方案。实施它们后，我的问题得到了解决，但我的错误并没有考虑到这个跨度的整个页面。

就其本身来说这很容易（当然，在你的帮助下！）但是当它是包含其他控件的大页面的一部分时很难。 因此，使用id属性可以使事情变得更简单。