Question

我想知道文章中有多少部分是“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>

Answer 1

你可以用这个

$("article section").length

fiddle Demo

Answer 2

   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更容易。

Answer 3

只需使用

$("article section").length

Fiddle Demo

Answer 4

你可以这样做：

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"));
});

计算文章中有多少部分（还有一篇文章）

4 个答案: