변수의 중첩 된 요소 선택 - jQuery

Question

변수를 함수에 전달하고 함수가 해당 변수 내의 요소를 선택하게하고 싶습니다. 그러나 나는이 경우 구문에 익숙하지 않다. 아무도 조언 할 수 있을까?

예를 들어, 컨테이너 내에서 버튼을 클릭하면 해당 컨테이너를 변수에 저장하기를 원하며 그 부분을 가질 수 있습니다. 그러나 나는 이러한 요소가 중첩 될 수 있음을 지적,이 두 가지를 결합 할 수있는 방법

$(container "div#element"); 

처럼 그 컨테이너 내에서 특정 요소를 선택하려면?

Answer 1

jQuery는 선택 영역을 결정하는 두 번째 매개 변수를 가져옵니다. 예를 들어 $('#first-name', '#registration-form')은 registration-form 안에있는 first-name ID의 요소와 일치합니다.

이 기능을 사용할 수 있습니다. 나는 $("div#element", container);이 효과가있을 것이라고 생각한다.

이 부분은 fiddle입니다.

Answer 2

chainability를 들어 당신은 또한 사용할 수 있습니다 : 당신이 DOM을 검색 할 경우

$(container).find('#element'); 

Answer 3

사용 find.

function doSomething(container) { 
    var $element = $(container).find('#element'); 

    // .. Now do something 

} 

컨테이너에 포함 된 요소 만 검색하려면 filter을 사용하십시오.

function doSomething(container) { 
    var $element = $(container).filter('#element'); 

    // .. Now do something 

}