jquery로 깊게 중첩 된 CSS 요소를 가져 오는 중

Question

다소 깊이 중첩 된 양식 풀다운에서 onchange 이벤트를 실행하는 데 문제가 있습니다.

그래서 기본적으로 제가했습니다 maxResults

의 select 태그의 ID로 ... listProductsSettings의 ID를 다른 테이블 내부 listProductsResults의 ID와 테이블 내부 maxResultsForm의 ID와 형태가 아래의 선택기와 많은 변형을 시도했지만 성공하지 못했습니다.

$("form#maxResultsForm table#listProductsResults td table#listProductsSettings td :select#maxResults").change(function()... 

누구나 내가 뭘 잘못하고 있는지 알아? 미리 감사드립니다. ! 당신이 ID를 가지고있는 경우

J

Answer 1

은 $('#maxResults').change(...)을한다.

Answer 2

$("form#maxResultsForm select#maxResults").change(function()... 

Answer 3

CSS 선택기가 거꾸로 나타납니다. 당신이 "listProductsResults의 ID로 테이블 내부 maxResultsForm의 ID와 양식을"가지고 있다면 당신의 선택은 다음과 같이 보일 것이다 : 다른 답변을 언급 한 바와 같이

table#listProductsResults form#maxResultsForm 

그러나이 두 가지를 HTML 수 없습니다 ID가 고유해야하므로 ID 속성과 동일한 값을 갖는 페이지의 요소를 사용하십시오. 따라서 <select> 태그에 ID 속성이있는 경우 태그를 사용하기 만하면됩니다.

$('#maxResults').change(function(){...});