获得锚点已被多个锚点之间的点击具有相同的ID

时间:2015-09-25 17:06:05

标签: javascript jquery

我有一个多次打印锚点的php循环:

<div class="hidden-phone visible-desktop action-buttons">
    <a class="red" href="#" id="d_id" data-value="<?php echo $row['id'];?>">
        <i class="icon-trash bigger-130" id="bootbox-confirm"></i>
    </a>
</div>

我有这个JQuery代码来获取已被点击的链接:

     <script type="text/javascript">
        $(function() {
            $("#d_id").on(ace.click_event, function() {
                var x = $(this).attr('data-value');
                bootbox.confirm(x, function(result) {
                    if(result) {
                        bootbox.alert(x);
                    }
                });
            });
       })
    </script>

这项工作仅适用于第一个锚点

任何帮助将不胜感激

2 个答案:

答案 0 :(得分:2)

更改类的ID,因为id是唯一的,因此具有该id的第一个元素将是jquery唯一考虑的因素:

null

答案 1 :(得分:0)

您不应该有多个具有相同ID的div,将其更改为类,并在click事件选择器上,转到'.d_id'。

此外,使用$(this)可以获得实际点击的元素,这意味着'this'可以是您在那里的图标元素,而不是您想要的元素。

所以你可以这样做:

$("#d_id").on(ace.click_event, function() {
    var x = $(this).attr('data-value');
    if (typeof x === 'undefined'){
        x = $(this).parent().attr('data-value');
    }
    ...
});

像这样: - )