javascript - 返回 tr 标签的“值”属性

Question

我有下表：

<table id="messages" border="1">
  <tbody>
    <tr>
      <th>Name</th>
      <th>Text</th>
      <th>Subject</th>
    </tr>
    <tr value="1">
      //data
    </tr>
    <tr value="2">
      //data
    </tr>
  </tbody>
</table>

我需要一些 jquery 来返回点击的 tr 的 val 属性。我已经有 jquery，它将返回 tr 内所有封闭 td 的数组，但我仍然需要将“值”保存到变量中。有什么帮助吗？

Answer 1

不建议value为非输入元素添加属性，因为这对浏览器没有意义。使用（其中一个唯一表行的 jQuery 对象）更改<tr value="1">并<tr data-value="1">访问它。$tr.data('value')$tr

http://api.jquery.com/data/

Answer 2

您可以使用$(this).attr('value')来获取属性，但某些浏览器可能不支持这样的非标准属性。最好使用数据属性：

<tr data-value="1">

然后你可以使用$(this).data('value').

Answer 3

使用 jQuery

var variable = $('tr').val();

或者

var variable = $('tr').attr('value');

即使给 tr 元素赋值是不正确的