Question

这是我的Html部分

<input type="text" class="demo" id="" value="" />
<input type="text" class="demo" id="" value="" />
<input type="text" class="demo" id="" value="" />
<input type="text" class="demo" id="" value="" />
<input type="text" class="demo" id="" value="" />

我的Jquery部分

$( ".demo" ).attr( "id", "sample_1" );

但是，所有输入的ID都相同。

现在我想将id增加为sample_2，sample_3 ...增加n个输入。

怎么样，我能做到吗？

Answer 1

您可以将函数传递给attr而不是静态值：

$('.demo').attr('id', function (i) {
    return 'sample_' + (i + 1);
});

Answer 2

试试这个

Demo

    $( ".demo" ).each(function(index, el){

$(this).attr( "id", "sample_"+(index+1) );
});

Answer 3

可能这应该有帮助

var idNumber=-1;
$('.demo').each(function(){
idNumber+=1;
$(this).attr("id",idNumber);
});

Answer 4

这会做你的！

<script type="text/javascript">

setTimeout(function () {

    var inputs = document.body.querySelectorAll('inputs[type="text"]');

    for (var i = 0; i < inputs.length; i++) {

        inputs[i].id = 'sample_' + (i + 1);
    };

}, 100);

<input type="text" class="demo" />
<input type="text" class="demo" />
<input type="text" class="demo" />
<input type="text" class="demo" />
<input type="text" class="demo" />

如何设置id的属性

4 个答案: