如何使用jQuery或JavaScript获取div ID的一部分

时间:2014-02-27 17:26:46

标签: javascript jquery

在我的页面上,我有一个看起来像这样的div:<div id="entry-7265">...</div>

使用jQuery或JavaScript,我如何获得div的ID的数字部分?例如我不需要entry-位。

提前致谢。

5 个答案:

答案 0 :(得分:2)

由于相关ID似乎是动态的,我建议您使用querySelector代替getElementById,就像在PellePenna的回答中一样。

var id = querySelectorAll("[id*='entry-']");
var someArray = [];
for (var i=0; i<id.length; i++) {
    someArray.push(parseInt(id[i].split("-")[1]),10);
}

这将为您提供一个整数数组,而不是字符串数字。

答案 1 :(得分:0)

如何:Example

<强> HTML

<div class="entry" data-id="7265">...</div>

JavaScript / jQuery

$(document).ready(function () {
    $(".entry").click(function () {
        var data = $(this).data("id");
        alert(data);
    });
});

项目列表的替代方案:Example

<强> HTML

<div class="entry" data-id="7265">...</div>
<div class="entry" data-id="7266">...</div>
<div class="entry" data-id="7267">...</div>
<div class="entry" data-id="7268">...</div>

<div id="list"></div>

JavaScript / jQuery

$(document).ready(function () {
    $(".entry").each(function (index, element) {
        var data = $(element).data("id");
        $("#list").text($("#list").text() + " " + data);
    });
});

答案 2 :(得分:0)

    var reg = /^\d+$/; 
    var divId = "entry-7265";
    var num = reg.test();

答案 3 :(得分:0)

怎么样;

$("[id^=entry-]").each(function() {
    if (/entry-\d{4}/.test(this.id))
        alert(this.id);
});

答案 4 :(得分:0)

您可以尝试以下代码

$("[id^='entry-']").each(function(){
    //List of all ids starting with entry
    $(this).attr('id').split('-')[1];
})