예를 들어, 반복, 중첩 된 요소 구조를 감안할 때 중첩 반복 요소 구조

Question

와 JQuery와 선택의 범위를 제한?

피곤 :

div.A > class.B 

...하지만 (올바르게)이 또한 루트 <div class="A"></div> 요소의 직접적인 자식이 아닌 마지막 요소와 일치합니다.

Answer 1

당신도 할 수 중첩 검색을 쉽게하기 위해 일부 ID, 클래스, 또는 데이터 수준의 개체를 추가하거나이 약간 hackish 버전을 할 수있는 : 나는 데이터를 추가 제안 할

$('div.A').first().children('span.B').last(); 

을 수준을 처리하는 수준, ID 또는 다른 클래스.

예를 들어, 귀하의 HTML을 변경

<div class="A" data-level="first"> 

    <span class="B" data-level="second"></span> 
    <span class="B" data-level="second"></span> 

    <span class="B" data-level="second"> 
    <div class="A" data-level="third"> 
     <span class="B" data-level="fourth"></span> 
    </div> 
    </span> 

</div> 

당신은 같은 일을 수행 할 수 있습니다

$('span.B[data-level="second"]').last(); 

등

Answer 2

jQuery를이 :last 선택이있다. 어떤 개체를 선택하려고하는지 아직 명확하지 않습니다.

1) 루트를 식별 클래스 보내기 :

<div class="A root"> 

    <span class="B></span> 
    <span class="B></span> 

    <span class="B"> 
    <div class="A"> 
     <span class="B"></span> 
    </div> 
    </span> 

</div> 

그리고이 셀렉터를 루트 <div class="A">의 직접적인 자식 인 지난 <span class="B"></span>를 원하는 경우

는, 당신은 이러한 옵션이 있습니다 :

A.root > .B:last 

2)를 식별 할 루트 개체의 부모를 지정

body > .A > .B:last 

3) 루트 개체 식별하는 몇 가지 코드를 사용

$(".A").filter(function() { 
    // filter out items that have an "A" class as a parent 
    return($(this).parents(".A").length == 0); 
}).children(".B:last");