本文介绍了选择所有不是id的项目的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我只想在item1
上单击以隐藏id并非item1
的所有项目.
All I want is that on item1
click to hide all items where id isn't item1
.
html:
<span id="select1">item1</span>
<span id="2">item1</span>
<div style="clear:both"></div>
<img src="http://www.lorempixel.com/100/100" id="item1">
<img src="http://www.lorempixel.com/100/100" id="item1">
<img src="http://www.lorempixel.com/100/100" id="item1">
<img src="http://www.lorempixel.com/100/100" id="item1">
<img src="http://www.lorempixel.com/100/100" id="item2">
<img src="http://www.lorempixel.com/100/100" id="item3">
<img src="http://www.lorempixel.com/100/100" id="item4">
<img src="http://www.lorempixel.com/100/100" id="item2">
这是演示版本:演示
推荐答案
正如Madhu所说,它不是有效的HTML,但是如果您要继续使用它,请执行以下操作: http://jsfiddle.net/5kJTU/
As Madhu says, it is not validable HTML, but if you want to continue with it:http://jsfiddle.net/5kJTU/
$('#select1').on('click',function(){
$('img').not("#item1").hide();
});
这篇关于选择所有不是id的项目的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!