Javascript 访问内部的值<;td>;元素中包含来自服务器的文本值<;部门>;标签

Javascript 访问内部的值<;td>;元素中包含来自服务器的文本值<;部门>;标签,javascript,html,Javascript,Html,检查元件表示: <tr id = ""> <td> <div> XYZ1 </div> </td> <td> <div> XYZ2 </div> </td> <td> <div> XYZ3 </div> </td> 及 但它返回“undefined” 还有其他方法吗?val()正在查找元素值(例如输入字段)。实际上,您正在元素中查找文本,应

检查元件表示:

<tr id = "">
<td>
<div> XYZ1 </div>
</td>
<td>
<div> XYZ2 </div>
</td>
<td>
<div> XYZ3 </div>
</td>

但它返回“undefined”

还有其他方法吗?

val()
正在查找元素值(例如输入字段)。实际上,您正在元素中查找文本,应该使用
text()

尝试:


.val()
将永远不会在此处返回有效值。使用
.text()
.html()
;)

深入了解使用jquery进行选择,特别是.next()和.find()方法。

试试这个,它会记录div元素:
console.log($('td>div')

您可以获得如下所有值的数组:

var values = $('td > div').map(function() { return $(this).text(); }).get();
console.log(values); // ["XYZ1", "XYZ2", "XYZ3"]

它返回类似于:[prevObject:v.fn.v.init[1],context:document,选择器:“td>div”,构造函数:function,init:function…]我假设这些都是动态加载的,您能提供更多代码吗?
console.log( $(td).find('div').val(); 
console.log($(td).next('div').text());
var values = $('td > div').map(function() { return $(this).text(); }).get();
console.log(values); // ["XYZ1", "XYZ2", "XYZ3"]