Question

我希望能够点击屏幕上的任意位置，并显示一个div（称为#note）。我可以根据需要创建尽可能多的#notes，但我不想点击#note并显示另一个div。

这里是jQuery：

$('#wrp').click(function () {
    var note = $('#note').first();
    note.clone().insertBefore(note);
    console.log(note);
});

提前感谢您的帮助！

Answer 1

您可以使用事件目标检查点击的目标。然后使用closest()查看它是否是一个注释元素本身，或者是其中一个被点击的后代

$(document).click(function (event) {
    // only proceed if clcik is not anywhere in a note element
    if (!$(event.target).closest('.note').length) {    
        var note = $('.note').first();
        note.clone().insertBefore(note);
        console.log(note);
    }
});

使用class="note"来避免重复ID

控制如何在jQuery中创建div

1 个答案: