jquery - 使用 jQuery 隐藏所有相同的元素

Question

我希望知道如何使用 jQuery 隐藏所有相同的元素，我尝试了以下代码，但这仅适用于同类的第一个元素。

$('#duracion').hide();
$('#video-box img').on({
mouseenter: function() {
    $('#duracion').slideDown(200);
},

mouseleave: function() {
    $('#duracion').slideUp(200);
}
});

谢谢

Answer 1

根据规范，ID 在 HTML 标记中必须是唯一的。假设您有多个具有完全相同 id 的元素，将导致您体验到的行为（仅查询第一个元素）。

您应该使用类名而不是 ID，然后调用

$('.duracion').hide();   // will hide all nodes which own the classname "duracion"