需要Jquery函数

Question

下面的代码在单击按钮上添加div。但是我想在没有点击位置的情况下，在代码中添加类到id(1)、id(2)等所有div。这有可能吗。

联署材料：

$(function() {
    $('button').on('click', function() {
        var $sparkLines = $('.sparkLines');
        $("#sparkLineContainer").append('<div id="id' + ($sparkLines.length + 1) + '" class="sparkLines">Some Stuff Here</div>');

    });
});

HTML：

<div id="sparkLineContainer">
        <div class="sparkLines" id="id1">Some stuff here</div>
        <div class="sparkLines" id="id2">Some stuff here</div>
        <div class="sparkLines" id="id3">Some stuff here</div>
    </div>

<button>Add Spark Line</button>

实际上，我想向所有div添加类，但使用id1、id2、id3。

例如：

<div class="addclass" id="id1"></div>
<div class="addclass" id="id2"></div>

Answer 1

嗨，您可以在函数上使用计数器来完成这个操作，让我对此使用Jquery。

function addDiv(){
  var counter =0;
  $('id').append('div id="' + counter +'"');
  counter  = counter + 1;

}

这应该能行。