Question

我有一个脚本可以从页面正文中的H2s创建链接列表。我只想在名为'page-content'的div中使用H2s。我怎样才能使用下面的脚本找到那些？

<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

在jQuery中选择h2就像这样：

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

Answer 2

您的问题不明确， “div称为'页面内容'。” 可以是很多东西，每个都需要不同的方法（ {{3 }} ）：

如果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的{{1}} ：

class

要走的路是：

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

在div中仅针对H2s

2 个答案: