Зацикливать .append() с селектором как переменной

Question

Я пытаюсь выполнить цикл .append(), чтобы каждый раз менять селектор с различным значением. Но я не знаю синтаксиса селектора, чтобы соответствовать моей цели. Итак, как его изменить? Спасибо! Ka Ho

<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

Прежде всего числового класса и идентификаторы не поддерживаются, что много, как вы думаете.

Обновить ваш 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 
} 

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

Вы можете также использовать функцию в качестве аргумента append, может быть чище и, возможно, быстрее, в вашем случае:

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

http://jsfiddle.net/sSVL8/