计算一篇文章中的节数(不止一篇文章）

Count how many sections in a article (there is more then one article)

本文关键字：文章 一篇 不止 计算      更新时间：2023-09-26

我想知道类为"class1"或"class2"的文章中有多少节。

<article class="class1">
    <section>
        <p>example</p>
    </section>
</article>
<article class="class2>
    <section>
        <p>text</p>
    </section>
    <section>
        <p>example</p>
    </section>
</article>

您可以使用此

$("article section").length

小提琴演示

您可以这样做：

function sessionInArticle(articleClass){
    return $("." + articleClass + " section").length;
}
var article1 = sessionInArticle("class1");//how many sesion in article 1

获得你能做的一切：

var sections = 0;
$("article").each(function(){
    sections += sessionInArticle($(this).attr("class"));
});

   var count = 0;
   var class1 = document.getElementsByClassName("class1")
   for (var i = 0; i < class1.length; i++){
      for (var e = 0; e < class1[i].childNodes.length; e++){
          if (class1[i].childNodes[e].nodeName == "SECTION") {
             count++;
          }
      }
    }
   var class2 = document.getElementsByClassName("class2")
   for (var i = 0; i < class2.length; i++){
      for (var e = 0; e < class2[i].childNodes.length; e++){
          if (class2[i].childNodes[e].nodeName == "SECTION") {
             count++;
          }
      }
    }
    alert(count);

这就是在没有JQuery的情况下用JavaScript实现的方法，但我必须承认，JQuery要容易得多。

只需使用

$("article section").length

Fiddle演示

相关文章：