javascript - jQuery 仅应用于单个按钮，而不是它的所有实例

Question

我有一个页面，其中包含动态数量的按钮，所有按钮的 ID 均为“delete-button”。我的 jQuery 工作得很好，但仅限于“#delete-button”的第一个实例。

$(document).ready(function(){
    $('#delete_button').mouseenter(function() {
        $(this).closest('tr').css('border-left', 'solid');
        $(this).closest('tr').css('border-left-width', '2px');
        $(this).closest('tr').css('border-left-color', '#dd3333');
    });
    $('#delete_button').mouseleave(function() {
        $(this).closest('tr').css('border-style', 'none');
    });
});

是什么感冒引起的？我不能有多个具有相同 id 的按钮吗？

Answer 1

如果有多个具有相同 id 的元素，则 id 选择器只会获取第一个。您应该改用类名。例如

$('.delete_button').mouseleave(...