获取最后一行的第一个单元格的值

时间:2014-09-28 18:11:15

标签: jquery

我想获取表格最后一行的第一个单元格的值,但似乎语法不正确。你能检查吗。

var id = $(this).closest('table').children('tr last').children('td first').text();

var id = $(this).closest('table tr:last-child td:first-child').text();

4 个答案:

答案 0 :(得分:1)

如何将其发送到this以外:

$('table#myTable > tr:last-child > td:first-child').text();

如果this是该表的子项,那么就像这样:

$(this).parents('table').find('> tr:last-child > td:first-child').text();

如果没有,

$(this).closest('table').find('> tr:last-child > td:first-child').text();

答案 1 :(得分:1)

  var id = $(this).closest('table').find('tr').last().find('td').first().text();

答案 2 :(得分:1)

您也可以通过ID选择它。看看这个JS Fiddle的解决方案。 http://jsfiddle.net/kqL83dx3/1/

var id = $('#test tr:last td:first').text();

答案 3 :(得分:1)

对于"最后一行的第一个单元格",您可以:

var id = $(this).closest('table').find('tr:last td:first').text();



当然,只有当this是您尝试获取值的table下的元素时才能使用。

注意 id是字符串,即使单元格的内容是数字。如果您要对其执行数字操作,则必须使用parseInt(id)将其转换为整数


下面的Runnable演示片段。



var thizz = document.getElementById('someElementUnderTable');
var id = $(thizz).closest('table').find('tr:last td:first').text();

var new_id = parseInt(id) + 1;


alert('Original was: '+id+'\nAfter adding one: '+new_id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<table>
  <tr>
    <td id="someElementUnderTable"></td>
    <td></td>
  </tr>
  <tr>
    <td>5</td>
    <td></td>
  </tr>
</table>
&#13;
&#13;
&#13;