循环中带有输入选择器的jquery数据属性

时间:2012-08-21 02:08:15

标签: php jquery html

我有一个从数据库查询构建的html表,它遍历并为找到的每个摄像机名称创建一个按钮并将它们放在一个表中:

<?php
for($i=0;$i<$num_rows;$i++)
{

?>
<tr>
<td>
    <input type="submit" class="play" data-hash="<?php echo $result_cameras[$i]["camera_hash"]; ?>" value="<?php echo $result_cameras[$i]["camera_name"]; ?>">
</td>
</tr>

<?php
}
?>

这解决了这样的事情:

<tr>
<td>
    <input type="submit" class="play" data-hash="0d3d0ac6e54a640c73f1149d4d0bbc38e99d10f5" value="Office Window">
</td>
</tr>
<tr>
<td>
    <input type="submit" class="play" data-hash="b824cba374c3d5ab7806ad8260c939323c03147b" value="aaa">
</td>
</tr>
<tr>
<td>
    <input type="submit" class="play" data-hash="ec9658f0c1855e2e2ac09ae284f5e6990dbf445d" value="laptop">
</td>
</tr>

请注意,每个按钮的数据哈希属性都不同。我想用我的jquery代码处理这个按钮:

$(".play").click(function(){
    var camerahash = $('input').data('hash');
    console.log($('input').data('hash'));
});

无论我点击哪个按钮,我都会从我点击的第一个按钮获取哈希:0d3d0ac6e54a640c73f1149d4d0bbc38e99d10f5。任何帮助表示赞赏。

5 个答案:

答案 0 :(得分:3)

$('input').data('hash')为您提供选择使用$(this).data('hash')中第一个输入的数据属性,以获取当前点击输入的数据属性

答案 1 :(得分:3)

您需要指定要读取的输入元素。 尝试类似:

$(".play").click(function(){
    $this = $(this);
    var camerahash = $this.data('hash');
    console.log($this.data('hash'));
});

答案 2 :(得分:2)

你总是在调用.play的第一个对象。这将是一个正确的方法:

$('.play').on('click', function(){

  var camerahash = $(this).data('hash');

});

答案 3 :(得分:1)

您可以使用.attr(data-hash) html5属性来抓取它们。

尝试:

$('.play').on('click', function() {
      var _hash = $(this).attr('data-hash');
      console.log(_hash);
});

答案 4 :(得分:0)

您的选择器将返回它的第一个选择器。请改用

<script>
    $("input.play").click(function() {
        alert($(this).data('hash'));
    });
</script>