僅針對div內的H2

Question

我有一個腳本可以在頁面正文中從H2創建一個鏈接列表。我只想從名爲'page-content'的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

你的問題不清楚，「分區稱爲 '頁面的內容'。」可以是許多事情，每家業需要不同的方法（testing code demo here）：

如果pagecontent是id：

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

然後：

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

如果pagecontent是name屬性：

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

然後使用：

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

了，要不然，如果pagecontent是div的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

選擇H2的像這樣jQuery中：

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