使用选择器作为变量循环 .append()答案

【问题标题】：loop the .append() with selector as variable使用选择器作为变量循环 .append()
【发布时间】：2013-02-27 18:01:37
【问题描述】：

我正在尝试循环 .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

【问题讨论】：

class 名称不应为数值。使用像“class1”这样的前缀。
@Stefan Should not be, but can be.

标签： javascript jquery variables append selector

【解决方案1】：

您也可以使用函数作为append 的参数，在您的情况下可能会更简洁且可能更快：

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

http://jsfiddle.net/sSVL8/

【讨论】：

这只是一个新手问题:-)

【解决方案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

【讨论】：

@user2108245 应该单独发布一个新问题。

【解决方案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
}

【讨论】：