如何按类名计算元素数量,并将结果转换为变量?

时间:2014-11-11 08:42:45

标签: javascript jquery

我需要计算一下我有多少元素,但我运气不好。元素样本:

<textarea type="text" data-class-changer="question" class="questioninputcss" data-integer-question="866"></textarea>

转到我的代码,

我尝试了两件事。这是第一个,其回复:

        var testCountPre = document.getElementByClassName('questioninputcss');
        var testCount = testCountPre.getElementsByTagName('textarea').length;

Uncaught TypeError: undefined is not a function


第二,及其回应:

    var testCount = ($(".questioninputcss textarea").length);
    var_dump(testCount);

Number(1) 0

编辑以澄清:我正在使用一个在javascript中运行的var_dump脚本。

3 个答案:

答案 0 :(得分:1)

试试这个。

($("textarea.questioninputcss").length);

答案 1 :(得分:1)

使用jQuery,结合下面的选择器。您的脚本正在尝试查找textarea个元素,这些元素是类questioninputcss的元素的后代

var testCount = $("textarea.questioninputcss").length;

如果没有jQuery,请使用querySelectorAll()

var testCount = document.querySelectorAll('textarea.questioninputcss').length;

getElementsByClassName()(代码中存在拼写错误)返回HTMLCollection,因此它没有名为getElementsByTagName()的方法

答案 2 :(得分:0)

试试这个......

&#13;
&#13;
var testCount = ($("textarea.questioninputcss").length);
console.log(testCount);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea type="text" data-class-changer="question" class="questioninputcss" data-integer-question="866"></textarea>
&#13;
&#13;
&#13;