检查Divs数组的ID并添加具有相同编号的类名称

Question

我有一个这样的条目列表：

<div id="unique-entry-id-4">
<div id="unique-entry-id-3">
<div id="unique-entry-id-2">
<div id="unique-entry-id-1">
<div id="unique-entry-id-0">

我要完成的是：

<div id="unique-entry-id-4" class="blog-entry-id-4">
<div id="unique-entry-id-3" class="blog-entry-id-3">
<div id="unique-entry-id-2" class="blog-entry-id-2">
<div id="unique-entry-id-1" class="blog-entry-id-1">
<div id="unique-entry-id-0" class="blog-entry-id-0">

我知道我可以做这样的事情：

$("div[id^='unique-entry-id-0']").each(function(i) {
    $(this).attr('class', "blog-entry-id-0");
});
repeat for each div

但是我想做的是使用最少的jQuery读取ID名称和数字，然后添加具有相同数字的类。

Answer 1

你可以试试

$('div').each(function() {
    $(this).addClass($(this).attr('id').replace('unique', 'blog'));
});

演示版

Answer 2

$(document).ready(function () {
    $("div[id^='unique-entry-id']").each(function(i) {
        var divId = $( this ).attr( "id" );
        var spittedId = divId.split( "-" );
        var divClass = "blog-entry-id-" + spittedId[3];
        $( this ).addClass( divClass );
    });
});

如果您确定“ id”和“ class”之间的区别只是“唯一”“ blog”

$(document).ready(function () {
    $("div[id^='unique-entry-id']").each(function(i) {
        $( this ).addClass( $( this ).attr( "id" ).replace( "unuique", "blog" ) );
    });
});

Answer 3

如果您的div有父母，并且其ID降序排列，请尝试以下方法：

var length=$(#parentDiv>div).length;
$(#parentDiv>div).each(function(){
var className='blog-entry-id-'+(length-$(this).index())
$(this).addClass(className);
});