返回tr标记的“value”属性

时间:2013-03-04 21:56:30

标签: javascript jquery return-value html-table

我有下表:

<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中所有teh包含td的数组,但我仍然需要将“值”保存到变量中。有什么帮助吗?

3 个答案:

答案 0 :(得分:10)

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

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

答案 1 :(得分:3)

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

<tr data-value="1">

然后您可以使用$(this).data('value')获取值。

答案 2 :(得分:1)

使用Jquery

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

或者

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

即使将值赋给tr元素也不正确