jquery - 检查 DIV 中是否存在元素

Question

我想在单击时移动 div 内的元素，除非该元素已经在其中。我在想类似的事情......

点击标签>如果元素在div中则不执行任何操作>否则将元素移动到div中

http://jsfiddle.net/establish/Xhhe8/

HTML

<ul>
  <li><a href="#" class="tag">Art</a></li>
  <li><a href="#" class="tag">Computing</a></li>
  <li><a href="#" class="tag">Design</a></li>
</ul>

<div id="crate">
</div>

jQuery

$('.tag').on('click', function(event) {

if ($('#crate').has(this)) {
    // do nothing
}

else {

    $(this).appendTo('#crate');
}
});

这不起作用。也不知道如何表示“不执行任何操作”，通常我只使用单个 IF 语句，因此不需要表示它。我可以这样做以“不执行任何操作”并禁用点击吗？

$(this).off(); 

Answer 1

这应该可以做到..

$('.tag').on('click', function(event) {

    var self = $(this);
    if (self.closest('#crate').length) {
        // do nothing
    }
    else {
        self.appendTo('#crate');
    }

});