ul

2013-12-18 3 views
1

의 모든 첫 번째 항목 수를 계산 div에있는 모든 목록 항목 수를 계산하는 방법을 궁금합니다.ul

<ul class="menu"> 
    <li><a href="#">Home</a> 
    </li> 
    <li><a href="#">Contact</a> 
    </li> 
    <li><a>Information</a> 
     <ul> 
      <li><a href="#">History</a> 
      </li> 
      <li><a href="#">Present</a> 
      </li> 
      <li><a href="#">Future</a> 
      </li> 
     </ul> 
    </li> 
    <li><a>Tutorials</a> 
     <ul> 
      <li><a href="#">HTML/CSS</a> 
      </li> 
      <li><a href="#">Javascript</a> 
      </li> 
      <li><a href="#">Jquery</a> 
      </li> 
      <li><a href="#">PHP</a> 
      </li> 
     </ul> 
    </li> 
    <li><a href="#">Structure</a> 
    </li> 
</ul> 

ul class=menu 안에있는 모든 목록 요소는 어떻게 계산합니까? 그리고 더 깊은 UL에있는 목록 항목은 아닙니다.

내가 말한 것은 집, 연락처, 정보, 자습서, 구조를 계산하는 방법이며 방금 언급 한 목록 요소가 아닌 목록 요소입니다.

물론 조사를했지만 올바른 대답을 찾을 수 없습니다.

$('ul.menu>li').length 

또는 .children() : jQuery: Count number of list elements?

+0

이 문제는 특히 아스 커는 여기에 바이올린입니다 LI가 UL.menu –

답변

6

> 아이 선택기 사용 : 여기 다소 중복이다

$('ul.menu').children('li').length 
+0

이외의 UL 내에 중첩 싶어하지 않는 상태 : http://jsfiddle.net/NXf3B/ –

+0

대단히 감사는, 이게 내 대답이다. 나는 함수 크기를 사용했지만 그게 나를 위해 밖으로 작동하지 않습니다. 그러나 화살표가 무엇입니까? CSS에서 사용되는 것을 보지 못했습니까? 죄송합니다. 붙여 넣기를하지 않으려면 여기를 클릭하십시오. –

+2

@KrijnvanderBurg docs에서 많은 정보를 찾을 수 있습니다. https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors – David

2

다른 문제는 jQuery를에를, 그래서 JQuery와에 대한 답변을 시도 귀하의 수를 계산하려면 li 요소

var count = $('ul.menu').children('li').length; 

DEMO

+0

왜 downvote? 설명해주십시오 ... 데모가 잘 작동하기 때문에 –

+0

편집하기 전에 답을 내려주었습니다 (나로는 안됨) –

+1

OP는 첫 번째 레벨 인 모든 'li'을 검색하지 않기 때문에. 귀하의 대답은 5 대신 12를 제공합니다. – putvande