Ориентация только на H2s внутри div

Question

У меня есть сценарий для создания списка ссылок из H2s в теле страницы. Я хочу, чтобы H2s изнутри div назывался «page-content». Как я могу использовать только скрипт ниже, чтобы найти их?

<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

Ваш вопрос неясен, "Див 'под названием страницы-контента'." может быть много вещей, каждый Wiill требуют другого подхода (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 «s 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()