计算具有特定ID模式的元素数量

Question

我想用javascript来计算所有具有ID模式的元素:

"Q" +号码

并将结果返回到文本字段"result".

说,我们有以下示例:

<div>
    <div id="Q01">
        <p>Some text</p>
    </div>
    <div id="Q02">
        <p>Some text</p>
    </div>
    <div id="Q03">
        <p>Some text</p>
    </div>

        <label for="number">Number of DIVs:</label>
        <input type="number" name="result" id="number">
</div>

提前致谢.

Answer 1

使用jQuery filter方法.

$('*').filter(function () {
    return this.id.match(/Q\d+/); //regex for the pattern "Q followed by a number"
}).length;

DEMO