Javascript 如何在jquery中删除(.remove)所有元素(div),但不删除这个(this)元素(div)?
我有一组div在监听一个click。单击其中一个时,我需要删除所有其他 HTML: 总而言之:Javascript 如何在jquery中删除(.remove)所有元素(div),但不删除这个(this)元素(div)?,javascript,jquery,ajax,onclick,Javascript,Jquery,Ajax,Onclick,我有一组div在监听一个click。单击其中一个时,我需要删除所有其他 HTML: 总而言之: $('.foo').click(function(){ //code... $('.foo').not(this).remove(); //w00t //more code.... }); 如果试图删除一组元素的所有同级,则可以执行此操作 $(".foo").click(function (e) { $(this).siblings().remove(); });
$('.foo').click(function(){
//code...
$('.foo').not(this).remove(); //w00t
//more code....
});
如果试图删除一组元素的所有同级,则可以执行此操作
$(".foo").click(function (e) {
$(this).siblings().remove();
});
我可以假设你要删除的是你想要保留的那一个的兄弟吗?为什么要假设另一个
.foo
是兄弟?如果他们是兄弟,那么这种方法是正确的。提供的HTML给出了这一指示。当然,如果它们不是同级,那么这将不起作用,但删除元素的所有同级是一个非常常见的用例。你知道当你假设时会发生什么吗?当Ryan回答我的评论时,如果我的答案不适用,我将很高兴删除我的答案。此外,我的答案显然是从if:\if:-P开始的,记住;-)
$('.foo').not(this).remove(); //w00t
$('.foo').click(function(){
//code...
$('.foo').not(this).remove(); //w00t
//more code....
});
$(".foo").click(function (e) {
$(this).siblings().remove();
});