div 안에있는 H2 만 타겟팅하기

Question

페이지 본문에 H2의 링크 목록을 만드는 스크립트가 있습니다. 나는 단지 '페이지 내용'이라는 div 안에있는 H2 만 원한다. 아래 스크립트를 사용하여 어떻게 찾을 수 있습니까?

<script> 
     var count = $('pagecontent.h2').size(); 
     alert(count); 
     if (count > 1) { 
      $('h1').append('<ul id="subnav">'); 
      $('h2').each(function(index) { 
       $(this).attr('id', 'subnav-'+index); 
       $('#subnav').append('<li><a href="#subnav-'+index+'">'+$(this).text()); 
      }) 
     } 
    </script> 

Answer 1

귀하의 질문이 명확하지, "div에 소위 '페이지의 콘텐츠를'." 그런 다음

<div id="pagecontent"> 
    <h2>1</h2><h2>2</h2> 
</div> 

: pagecontent이 id 경우

:

var count = $('#pagecontent h2').size(); // 2 

는 많은 것을 할 수 있습니다, 각각 다른 접근 방법 (testing code demo here)이 필요 wiill 012

<div name="pagecontent"> 
    <h2>1</h2><h2>2</h2><h2>3</h2> 
</div> 

다음

사용 :는 name 속성입니다 pagecontent이 div의 경우, 다른

var count = $('div[name="pagecontent"] h2').size(); // 3 

또는 class :

<div class="pagecontent"> 
    <h2>1</h2><h2>2</h2><h2>3</h2><h2>4</h2> 
</div> 

갈

방법은 다음과 같습니다

var count = $('.pagecontent h2').size(); // 4 

Answer 2

것은 jQuery를 당신에게 지금과 같은 수소의 선택 :

$('#page-content h2').somefunction()