2014-02-26 2 views
1

나는 div가 많이 바뀌고 동일한 값을 갖고있는 id를 가진 자식 요소를 찾아야합니다.CSS 값으로 요소 찾기

목표 : div.stuff 같은 왼쪽 ATTR으로 범위를 찾기

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> 

(3에게해야 ID가 경고 반환이 경우) 스팬 ID를 반환 jQuery를

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

alert(id); 

바이올린 http://jsfiddle.net/56TWg/

012 3,516,

답변

5

현재 filter() 사용할 수 있습니다

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

Updated Fiddle

+0

1도 WO uld 위치 imho를 사용하여 그것을 필터링하는 것이 좋습니다. http://jsfiddle.net/56TWg/8/ –

1

는 달성하는 조각의 그 :

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

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

alert(id); 

바이올린 : http://jsfiddle.net/d8SHd/

+0

주목할 가치가있는 점은 style 속성의 유일한 것이 정확히이 경우에만 작동한다는 것입니다. 결국에는 세미콜론만큼이나 많은 시간이 흘러 나옵니다. –

+0

@JamesMontagne * =이 문제를 해결합니다 – Rui

+1

@Rui은 여전히 ​​'왼쪽 : 100px' 일 수 있습니다. –