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

时间:2013-02-27 18:01:38

标签: javascript jquery variables append selector

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

3 个答案:

答案 0 :(得分:3)

你也可以使用一个函数作为append的参数,在你的情况下可能更清晰,可能更快:

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

http://jsfiddle.net/sSVL8/

答案 1 :(得分: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

答案 2 :(得分:1)

首先,您认为数字类和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
}
相关问题