选择所有不是id的项目

本文介绍了选择所有不是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="www.lorempixel/100/100" id="item1"> <img src="www.lorempixel/100/100" id="item1"> <img src="www.lorempixel/100/100" id="item1"> <img src="www.lorempixel/100/100" id="item1"> <img src="www.lorempixel/100/100" id="item2"> <img src="www.lorempixel/100/100" id="item3"> <img src="www.lorempixel/100/100" id="item4"> <img src="www.lorempixel/100/100" id="item2">

这是演示版本:演示

推荐答案

正如Madhu所说，它不是有效的HTML，但是如果您要继续使用它，请执行以下操作: jsfiddle/5kJTU/

As Madhu says, it is not validable HTML, but if you want to continue with it: jsfiddle/5kJTU/

$('#select1').on('click',function(){ $('img').not("#item1").hide(); });