从<div>标记</div>内的服务器访问包含文本值的元素内的值

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(); 

但它返回'undefined'。

还有其他方式吗？

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"]