Question

jquery通过CSS属性获取元素ID

加入我知道在某个元素的z-index属性值为100，
如何利用这个条件获取z-index属性值为100的元素的id,或者class。

Answer 1

$(function(){
	l=$("div").length;
	$("input").click(function(){
		for(i=0;i<l;i++){
			a=$("div").eq(i).css("z-index");
			b=$("div").eq(i).attr("id");
			if(a==100){
				alert(b)
			}			
		}
	})
})

<div id="div_1" class="c1" style="z-index:100; position:relative">1<input type="button" name="" value="点我" /></div>
<div id="div_2" class="c1" style="z-index:200; position:relative">2</div>
<div id="div_3" class="c1" style="z-index:300; position:relative">3</div>
<div class="c2"></div>
<div class="c3"></div>

不明白就追问

追问

你这个我也懂

Answer 2

如果是某个图片的z-index = 100
可以这样：$('img [z-index=100]').attr('id') //获取id
$('img [z-index=100]').attr('class');///获取样式名称
如果是td
img——>修改 td，其他同理。
引号前面的img代表你找的该类型的所有元素，[]中的类似于索引，即找到符合里面条件的元素，z-index = 100，就是代表该元素有个z-index属性，并且值为100，换做其他属性也是 同理。
attr（）括号中是该元素所具备的属性名。

Good luck !

追问

我刚才按照你的方法，结果undefined
是这样的，元素的z-index是这CSS种定义的
简单的，就是说我想根据css属性z-index的值获取这个ID值
#dd{z-index:100;}
text
前提是我不知道这个ID=dd。
只知道属性z-index：100
搞定$("td").css({"z-index":"100"}).attr("id")

Answer 3

$('img [z-index=100]').attr('id'); //获取id
$('img [z-index=100]').attr('class'); //获取样式名称