Question

我正在尝试在我悬停的任何div上添加边框。因此，当我在一个类上面悬停某个div时，我会添加一个具有div的类。

但是如果我有一个父div和一些内部div，当我继续悬停在内部div上时，它会在父div上设置边框。

有没有办法对此进行排序，以便当我将鼠标悬停在内部div上时，它会添加边框

JS：

$('.columnP, .nameP').each(function() {
    $(this).addClass('pi-edit-row');
});
$('.pi-edit-row').hover(function() {
    $(this).addClass('pi-edit-row-now');
    $(this).append('<div class="edit">edit</div>');
}, function() {
    $(this).removeClass('pi-edit-row-now');
    $(this).find('.edit').remove();
});

HTML：

<div class="columnP">
    <div class="nameP">Awesome</div>
    <p>Blah blah blah</p>
</div>

Answer 1

使用鼠标悬停而不是悬停

 $('.pi-edit-row').mouseover(function() {
    $(this).addClass('pi-edit-row-now');
    $(this).append('<div class="edit">edit</div>');
}, function() {
    $(this).removeClass('pi-edit-row-now');
    $(this).find('.edit').remove();
});

更新

$('.pi-edit-row').mouseover(function() {
        $(this).find(".pi-edit-row").addClass('pi-edit-row-now');
        $(this).find(".pi-edit-row").append('<div class="edit">edit</div>');
    }, function() {
        $(this).find(".pi-edit-row").removeClass('pi-edit-row-now');
        $(this)find('.edit').remove();
    });

jquery悬停在所有div上而不仅仅是父级

1 个答案: