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

Posted 2023-05-09

【中文标题】jQuery：通过单击按钮从表行中获取值[重复]

【英文标题】：jQuery: fetch the value from a table row by clicking a button [duplicate]

【发布时间】：2021-05-01 15:00:55

【问题描述】：

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

<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 结构以使其更容易？

【问题讨论】：

div 标签包含文本，而不是值。

【参考方案1】：

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

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

【讨论】：

使用.val()无法获取div的文本内容。

@Turnip 所以 JS 中的 .value 也应该失败？

是的。 Div 没有值 ***.com/questions/44217872/javascript-value-property