Question

以下代码在点击按钮上添加div。但我想在代码中添加类到id（1），id（2）等没有单击位置的所有div。这可能。

JS：

$(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;

}

这应该有用。

需要Jquery函数

1 个答案: