javascript - 获取多个具有相同 id 的 anchor 中已被点击的 anchor

Question

我有一个 php 循环，可以多次打印 anchor :

<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>

这仅适用于第一个 anchor

任何帮助将不胜感激

Answer 1

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

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

 <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>