javascript - 変数としてセレクターを使用して .append() をループします

Question

毎回異なる値でセレクターを変更するために、.append() 関数をループしようとしています。しかし、私の目標を満たすためのセレクターの構文がわかりません。それで、それを変更する方法は？本当にありがとう！カホ

<script type="text/javascript">
var a=3;
for (var i=0;i<a;i++)                       {                           
$i.append(i);
}
</script>

<div class="0"></div> // expected: display 0
<div class="1"></div> // expected: display 1
<div class="2"></div> // expected: display 2

Answer 1

関数を の引数として使用することもできappendます。あなたのケースでは、よりクリーンでおそらく高速になる可能性があります。

$('div').append(function() {
    return this.className;
});

http://jsfiddle.net/sSVL8/

Answer 2

<script type="text/javascript">
var a=3;
for (var i=0;i<a;i++)                       {                           
$("."+i).append(i); //this is what you need
}
</script>

<div class="0"></div> // expected: display 0
<div class="1"></div> // expected: display 1
<div class="2"></div> // expected: display 2

Answer 3

まず第一に、数値クラスと ID は、あなたが思っているほどサポートされていません。

HTMLを次のように更新します

<div class="box-0"></div>
<div class="box-1"></div>
<div class="box-2"></div>

次に、彼の回答でデッドロックによって提供されたスクリプトを使用できます。

var a=3;
for (var i=0;i<a;i++) {                           
    $(".box-"+i).append(i); //this is what you need
}