javascript - 访问包含来自服务器的文本值的元素内的值标签

Question

检查元素表示：

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

我必须在控制台中访问 XYZ 的值才能进一步继续我的任务。

我试过这个：

console.log($(td).parent().closest('div').val());

和

console.log( $(td).find('div').val(); 

但它返回“未定义”。

还有什么办法吗？

Answer 1

val()正在寻找元素值（例如输入字段）。您实际上是在寻找元素内的文本并且应该使用text()

尝试：

console.log($(td).next('div').text());

Answer 2

.val()永远不会在这里返回有效值。使用.text()或.html();)

Answer 3

深入了解一下使用 jquery 进行选择，尤其是 .next() 和 .find() 方法。

Answer 4

试试这个，那应该记录你的 div 元素：console.log($('td>div'));

Answer 5

你可以得到一个包含所有值的数组，如下所示：

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