通过css值jQuery查找元素

时间:2014-02-26 15:49:55

标签: javascript jquery

我有一个更改很多的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/

2 个答案:

答案 0 :(得分:5)

您可以在此处使用 filter()

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

<强> Updated Fiddle

答案 1 :(得分:1)

这是一个实现这个目标的片段:

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

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

alert(id);

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