javascript - 如何使用JQuery获取tr值

标签 javascript jquery html

我做这个例子是为了在 Jquery 中返回一个 tr 值,但是这个例子不起作用。

 $(document).ready(function(){
  var i = 1;
  $("tr").click(function(e){
      e.preventDefault();
      var num = $(this).attr('value');
      if(i == 1)
      {
        $(".informations"+num).show('slow');
        i = 0;
      }
      else
      {
        $(".informations"+num).hide('slow');
        i = 1;
      }
      console.log(num);
    });

});

HTML

<tr class="informations1 informations" value="1">
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>

知道为什么吗?谢谢

最佳答案

由于 TR 没有 value 属性。我建议您使用 data-* 自定义属性。

HTML

<tr class="informations1 informations" data-value="1">

脚本,您可以使用.data()来操纵它。它还负责数据类型。

var num = $(this).data('value'); 

关于javascript - 如何使用JQuery获取tr值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24777359/

相关文章:

javascript - 使用外部js文件设置背景图片

javascript - 如何在带有变量选择器的输入变量上使用 jquery 读取属性?

html - 根据图像扩展类型选择 html-file-upload 中的图像

javascript - 如何在某个表获取新行时刷新页面(PHP)?

javascript - JavaScript 在这里实际上做了什么

html - 交替 DIV 和 P 垂直对齐

javascript - ionic iframe ng-src youtube 视频链接不起作用

javascript - 向使用 d3.svg.axis 的图表添加规则

javascript - node.js 回调已被调用错误

php - datePicker 需要点击两次才能显示不可用的日期