如何访问类的单击元素

时间:2017-05-02 10:23:59

标签: javascript html laravel

我在每个循环内部都有按钮,这会在添加产品时自动生成,因此我无法使用id访问 因此,使用java脚本中的类名来访问触发click事件,但是当我单击该按钮时,只有第一个被触发

**HTML CODE**

<button type="button" id="remove_item"><i class="fa fa-times remove">
</i>Remove</button>

**JS CODE**

<script>
$('.remove').click(function(e){

e.preventDefault();

     $('#decideModal').modal('show');

});
</script>

1 个答案:

答案 0 :(得分:1)

您必须将.click()替换为.delegate()函数:

$(document).delegate('.remove', 'click', function(){
    e.preventDefault();
    $('#decideModal').modal('show');
});

此外,在HTML中,id指的是唯一标识符。换句话说,具有相同id的2个元素是违反标准的。例如,您可以在id循环中为您的元素foreach()添加计数器。