Jquery 如何获取动态加载的表上第一行的最后一个表单元格值?
我有一个动态构建和加载的表,这意味着该表是由Jquery 如何获取动态加载的表上第一行的最后一个表单元格值?,jquery,Jquery,我有一个动态构建和加载的表,这意味着该表是由documentready event上的代码生成的 当页面加载(文档就绪)时,我需要获取第一行(而不是标题)和最后一个单元格的值 这是一个工作示例: 名字 姓氏 要点 密码 前夕 杰克逊 94 1. 罗伯特 小树林 1000 2. 约翰 哈姆 XYZ 3. JS: $(函数(){ 警报($(“#示例tbody tr”).eq(1).find('td:last').text()); }); 我无法让它在动态生成的表上工作。 我只得到一个空值。试
documentready event
上的代码生成的
当页面加载(文档就绪)时,我需要获取第一行(而不是标题)和最后一个单元格的值
这是一个工作示例:
名字
姓氏
要点
密码
前夕
杰克逊
94
1.
罗伯特
小树林
1000
2.
约翰
哈姆
XYZ
3.
JS:
$(函数(){
警报($(“#示例tbody tr”).eq(1).find('td:last').text());
});
我无法让它在动态生成的表上工作。
我只得到一个空值。试试这个:
$("#example tbody tr:first-child td:last-child" ).html();
$(函数(){
console.log($(“#示例tbody tr:first”).find('td:last').html());
});
请使用“tr:first”-它将找到第一行。然后查找最后一个单元格“td:last”。并通过“html()”而不是“text()”从td获取值。在您提供的示例中,一切正常,但我们正在处理隐藏元素。我们只需要先移除它们:
$('[hidden]').remove();
工作演示:即使在这种情况下它应该显示隐藏元素的文本。在这种情况下,这不是一个解决方案。我写这篇文章时假设您不想要隐藏元素。OopsAnd顺便说一句,first和last属性也是有效的。请检查您是否提供了动态表的示例,我将为您提供帮助。例如,它是否有
tbody
元素?只需检查DOM树结构,并在加载页面和动态创建表后发布DOM树结构。它选择tbody->tr->td,因为AD中不存在td。或者,我们可以在图案中添加tbody。
$("#example tbody tr:first-child td:last-child" ).html();
<script type="text/javascript">
$(function(){
console.log($("#example tbody tr:first").find('td:last').html());
});
</script>
$('[hidden]').remove();