jQuery按类计算div,然后获取内部div的id字符串

时间:2016-02-08 18:30:19

标签: javascript jquery html

我试图按类名计算总div,然后获取内部div的id的特定部分。这是我的例子,

<div class=”my_block1”>
    <div class=”my_block2”>
        <div id=”my-style-35-area”>
            some contents
        </div>
    </div>
</div>
<div class=”my_block1”>
    <div class=”my_block2”>
        <div id=”my-style-36-area”>
            some contents
        </div>
    </div>
</div>
<div class=”my_block1”>
    <div class=”my_block2”>
        <div id=”my-style-38-area”>
            some contents
        </div>
    </div>
</div>

所以,我需要从ID中找出35,36,38。有人可以帮我这个吗?提前致谢。

2 个答案:

答案 0 :(得分:1)

计算特定班级的div数:

$('.my_block1').length // would give you 3

并在div中获取ID:

$('.my_block1').find('[id^=my-style-]').each(function()
{
   alert(this.id.split('-')[2]); // give you the ids of each div
});

示例:https://jsfiddle.net/ytzLgx0q/

答案 1 :(得分:0)

您可以使用35, 36, 38函数在数组中获取map(),如下所示。

var num = $('div[id^="my-style-"]').map(function () {
    return this.id.split('-')[2];
}).get();
console.log(num

BTW在你的HTML中你使用了而不是"