jQuery 자손 선택

Question

내 UL의 모든 목록 항목을 선택하고 싶습니다.

상향 링크는 모든 목록 항목이 목록의 직접 자녀 (목록 상자 = $ ('# myList를'))

내가 ListBox.children을 사용 ('리')하지만 변수라는 목록 상자에 있습니다. 그들 중 일부는 목록에있는 div에 있습니다.

나는 $ ('# myList를 리')을 시도 할 수 있습니다하지만 난

Answer 1

ListBox.find('li');

.find() 방법을 사용해보십시오 변수 목록 상자를 사용하려면 우리가 이러한 요소의 자손의를 검색 할 수 있습니다 DOM 트리를 검색하고 일치하는 요소에서 새 jQuery 객체를 생성합니다.

Answer 2

li은 ul에 유효하게 포함될 수있는 유일한 요소입니다.

<ul id="MyList"> 
    <div> 
     <li></li> 
    </div> 
</ul> 

그러나, 마크 업이 더이 같다, 경우 :

이

<ul id="MyList"> 
    <li> 
     <div> 
      <ul> 
       <li></li> 
      </ul> 
     </div> 
    </li> 
</ul> 

그럼 당신은 단순히 jQuery's find() method 사용할 수 있습니다

마크 업은 invalid하고 변경해야합니다 다음과 같은 경우

var ListBox = $('#MyList'); 
ListBox.find('li'); 

첫 번째 예제에서는 find()이 작동하지만 모든 장치에서 유효하고 액세스 가능하도록 HTML을 수정해야합니다. 이런 이유로 어쨌든 children() 만 필요하게 될 수도 있습니다.