Javascript 如何更改数字最后一部分的每个div id

我想用change函数更改每个div id

之前：

<div id="a_1">a1</div>
<div id="b_1">b1</div>
<div id="c_1">c1</div>
<div id="d_1">d1</div>
<button onclick="change()">Değiştir</button>

我该怎么办？

---

谢谢。

我在

div

元素中添加了

class

属性。这是演示

HTML:

---

在做了一些小的改变之后，你可以很容易地做到这一点

试试这个：

HTML代码：

<div id="a_1">a1</div>
<div id="b_1">b1</div>
<div id="c_1">c1</div>
<div id="d_1">d1</div>
<button onclick="change(1, 2)">Değiştir</button>  

a1
b1
c1
d1
德伊蒂尔

Javascript/Jquery代码：

function change(oldid, newid)
{   
    $('div[id $= "_' +oldid+ '"]').each(function(){
      var clone =$(this).clone(true).attr('id' , 'id_' + newid);
        $('body').append(clone);
    });
    var nextid = newid + 1;
    $('body').append('<button onclick="change(' + newid + ',' + nextid +')">Değiştir</button>');
}

函数更改（旧ID、新ID）
{   
$（'div[id$=“'+oldid+'''“]'）。每个（函数（）{
var clone=$（this.clone（true）.attr（'id'，'id\uu'+newid）；
$（'body'）。追加（克隆）；
});
var nextid=newid+1；
$（'body'）。追加（'Değiştir'）；
}

---

您为什么需要这个？使用增量

id

属性总是会导致这样的维护问题。你为什么不使用公共的

类

？你想在每次单击change（）函数时增加div的id吗？他可能只是用数字作为例子来简化问题，不一定是增加。我知道，但是已经有一个复杂的结构，我不想改变它。这只是一个例子，函数

bas

做什么？答案是X。它可以工作，但每个div都有一个单独的类。我不需要换班。那么问题出在哪里呢？div元素可以有多个类！在您现有的代码中，如果您已经为div元素添加了一些类，那么您可以再添加一个以空格分隔的类。非常感谢您，您应该接受我的回答作为正确答案！！：）因为它可以帮助其他用户找到解决方案。非常感谢。很好

<div id="a_1" class="my_div">a1</div>
<div id="b_1" class="my_div">b1</div>
<div id="c_1" class="my_div">c1</div>
<div id="d_1" class="my_div">d1</div>
<button onclick="change_ids()">Değiştir</button>

change_ids=function()
{
    var old_id=1;
    var new_id=2;

    $('div.my_div').each(function() {
        var div_id = $(this).attr('id');
        var arr = div_id.split("_");
        //alert(arr[0]+" "+arr[1]);
        var new_div_id = arr[0]+"_"+new_id;
        $(this).attr('id', new_div_id);
        $(this).html(new_div_id);
    });
    alert('Div ids changed')
}

<div id="a_1">a1</div>
<div id="b_1">b1</div>
<div id="c_1">c1</div>
<div id="d_1">d1</div>
<button onclick="change(1, 2)">Değiştir</button>  

function change(oldid, newid)
{   
    $('div[id $= "_' +oldid+ '"]').each(function(){
      var clone =$(this).clone(true).attr('id' , 'id_' + newid);
        $('body').append(clone);
    });
    var nextid = newid + 1;
    $('body').append('<button onclick="change(' + newid + ',' + nextid +')">Değiştir</button>');
}