选择所有不是id的项目 [英] Select all item where id isn't an 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的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！