jQuery:通过单击按钮从表行中获取值

Question

我的页面上有一个表。每行包含一个标签，其中存储'name'值，还包含一个按钮。

<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()方法附加到上面的命令来获取值，我会得到这个错误:

未捕获TypeError: $(…).closest(…)定格(…)[0]。瓦尔不是函数

我不是javascript/jQuery专家，但我做了一些非常类似的事情，它工作正常。我如何改变我的功能，以获取存储值?或者我应该重写我的html结构让它更简单?

Answer 1

您需要在获得索引值后调用jQuery:

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