[英]Remove all ul within li except the current li
I have to remove all ul
within li
except the current li
. 我必须删除
li
除当前li
外的所有ul
。
<ul>
<li id="Li0">
<ul>
<li><span>Childnode1</span></li></ul>
</li>
<li id="Li1">
<ul>
<li><span>Childnode2</span></li></ul>
</li>
<li id="Li2">
<ul>
<li><span>Childnode3</span></li></ul>
</li>
<li id="Li3">
<ul>
<li><span>Childnode4</span></li></ul>
</li>
<li id="Li4">
<ul>
<li><span>Childnode5</span></li></ul>
</li>
<li id="Li5">
<ul>
<li><span>Childnode6</span></li></ul>
</li>
</ul>
So If i click on the li
with id 'li4' every other li
that are previous to this li
or next to this li
should have there ul
to be removed from dom. 所以,如果我点击
li
ID为“合谷”每隔li
是在此之前, li
或明年这个li
应具备有ul
从DOM中删除。
I was thinking of using the .not
operator in jquery but till now not able to do this. 我当时正在考虑在jquery中使用
.not
运算符,但直到现在仍无法做到这一点。
is that what you are searching for? 这是您要搜索的内容吗?
$(function(){
$('li').click(function(){
$(this).siblings().children("ul").remove();
});
});
This should help. 这应该有所帮助。
$(function () {
$('ul:first').delegate("li[id^='L']", 'click', function () {
$("ul:first > li[id!='"+$(this).attr('id')+"'] > ul").remove();
});
});
Demo: http://jsfiddle.net/EJWnn/ 演示: http : //jsfiddle.net/EJWnn/
Demo: http://jsfiddle.net/wwvBL/ 演示: http : //jsfiddle.net/wwvBL/
$('li').on('click',function(){
var obj= $(this);
id= obj.attr('id');
obj.parent().find('li:not(#'+id+') > ul').remove();
})
Use siblings to find all other adjacent elements: 使用同级来查找所有其他相邻元素:
$("li").click(function() {
$(this).siblings().find("ul").remove();
});
You might want to have a more specific selector than "li". 您可能想要一个比“ li”更具体的选择器。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.