Select 来自最后 <tr> 的第一个 <td> 的 innerHTML -- jQuery

Question

我在 table 中有一些行是这样的：<tr class="problem_display_work> 每行有两个 <td>。

我正在尝试 select/alert 像这样的 innerHTML：alert($('tr.problem_display_work td:first-child').innerHTML); 但它不起作用。

我在这里错过了什么？

Answer 1

你可以试试：

alert($('.problem_display_work td:first-child').innerHTML);

Answer 2

尝试

alert($('tr.problem_display_work td:first').html());

编辑最后一个 tr

alert($('tr.problem_display_work:last td:first').html());

Answer 3

您编写的代码可以工作，但您需要从您的 jquery 对象中提取 javascript 对象。这只需将 [0] 添加到 jquery 选择器即可。所以

alert($('tr.problem_display_work td:first-child').innerHTML)

如果你这样做了就会有用

alert($('tr.problem_display_work td:first-child')[0].innerHTML)

Answer 4

alert($("tr.problem_display_work :first-child").text());

试试这个

Answer 5

你应该两种都试试：

alert($('tr.problem_display_work td:first').html());
alert($('tr.problem_display_work td').first().html());

Answer 6

我更喜欢这个，因为它不依赖于 css 类.

alert($('tr:last-child td:first-child').html());