Question

$(document).ready(function () {   
    $("#divHeader")) {
        $(this).hover(function () {
            $(this).find('#edit').show();
            $(this).find('#spandate').removeClass("datetime");
            $(this).find('#spandate').addClass("edit");
        },
        function () {
            $(this).find('#edit').hide();
            $(this).find('#spandate').addClass("datetime");
            $(this).find('#spandate').removeClass("edit");
        });
});

在我的页面中，我有3个同名的div（“divHeader”），但它只适用于第一个div而跳过其他两个。

请告诉我如何申请所有使用身份证件？

Answer 1

$(".aClass").hover(function () {
         $(this).find('#edit').show();
         $(this).find('#spandate').removeClass("datetime");
         $(this).find('#spandate').addClass("edit");
     },
     function () {
         $(this).find('#edit').hide();
         $(this).find('#spandate').addClass("datetime");
         $(this).find('#spandate').removeClass("edit");
});

创建一个类，该示例显示“aClass”，并使用它。如图所示，in out的事件处理程序将在div中找到id为spandate的元素。

如何应用悬停效果来显示和隐藏每个div上的按钮？

1 个答案: