如何設置ID屬性

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" ).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" />