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

loop the .append() with selector as variable

本文关键字:append 循环 变量 选择器      更新时间:2023-09-26

我试图循环。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

您也可以使用函数作为append的参数,在您的情况下可能更干净,可能更快:

$('div').append(function() {
    return this.className;
});
http://jsfiddle.net/sSVL8/

<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

首先,数字类和id并不像你想象的那么受支持。

更新你的HTML像这样

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

那么你可以在他的答案中使用deadlock提供的脚本。

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