通過CSS值jQuery查找元素

Question

我的div發生了很大變化，我需要找到一個具有相同值的子元素並存儲其ID。

目標：找到與div.stuff相同的attr，返回范圍ID（在這種情況下，警報中返回的ID應該為3）

的HTML

<div class="stuff" style="left:100px">
    <span id="1" style="left:0"></span>
    <span id="2" style="left:50px"></span>
    <span id="3" style="left:100px"></span>
    <span id="4" style="left:150px"></span>
</div>

jQuery的

var stuff = $('.stuff').css('left');
var id = $('.stuff').find('span[left=100px]').attr('id');

alert(id);

小提琴http://jsfiddle.net/56TWg/

Answer 1

您可以在此處使用filter（） ：

var id = $('.stuff span').filter(function () { 
    return $(this).css('left') == '100px' 
}).attr('id');

更新小提琴

Answer 2

這是實現此目的的代碼段：

var leftValue = $('.stuff').css('left');
alert(leftValue);

var id = $('.stuff').find('span[style*="left:' + leftValue + '"]').attr('id');

alert(id);

小提琴： http ： //jsfiddle.net/d8SHd/