jQuery：通过单击按钮从表行中获取值[重复]

Question

我的页面上有一个表格。每行包含一个存储“名称”值的标签，还有一个按钮。

<td>
  <div class="name">some_name</div>
  <button class="btn btn-sm btn-success copyToClipboard">Copy</button>
</td>

单击该按钮后，我想获取存储在具有名称类的 div 中的值。所以我准备了一个脚本：

$('.copyToClipboard').on('click', function(){
    console.log($(this).closest('td').children('.name')[0])
})

点击控制台中的按钮后，我得到了这个对象：

<div class="name">some_name</div>

但是，如果我想使用附加到上述命令的 .val() 方法来获取值，我会收到此错误：

未捕获的类型错误：$(...).closest(...).children(...)[0].val 不是 功能

我不是 javascript/jQuery 方面的专家，但我做了一些非常相似的事情并且它工作正常。如何更改函数以获取存储值？或者也许我应该以某种方式重写我的 html 结构以使其更容易？

Answer 1

获取索引值后需要调用jQuery：

$($(this).closest('td').children('.name')[0]).val();