html内に連番idやclassを付与するjs

- Category - 未分類
Pocket

jQueryを利用した連番ID付与

———————————————-
●div要素全てにidを付与

<script>
$(function(){
/** div要素に連番でID付与 */
$(‘div’).each(function(i){
$(this).attr(‘id’, ‘box_’ + i);
});
});
</script>

———————————————-
●特定classに連番idを付与

<script>
$(function(){
/** div要素に連番でID付与 */
$(‘div’).each(function(i){
$(this).attr(‘id’, ‘box_’ + i);
});
});
</script>

———————————————-
●特定classに連番classを付与

<script>
$(function(){
/** div要素に連番でID付与 */
$(‘div’).each(function(i){
$(this).attr(‘class’, ‘box_’ + i);
});
});
</script>

———————————————-
div id=”box_1
div id=”box_2
div id=”box_3
にようになる

divをpにしたらpタグ全部に、.class名にしたら特定のクラス名に連番idが付与される