当我点击h2时,我试图用它的数组索引更新每个按钮的html。简单的循环会产生奇怪的结果
我试着使用for循环,但它并没有更新每个按钮只#1,3,但2和4保持不变。我究竟做错了什么?感谢
演示:http://jsfiddle.net/BVmUL/96/
HTML
<div class='container text-center'>
<h2>Click me to toggle the button</h2>
<button type='submit' class='btn btn-primary btn-large'>Test</button>
<button type='submit' class='btn btn-danger btn-large'>Test</button>
<button type='submit' class='btn btn-success btn-large'>Test</button>
<button type='submit' class='btn btn-info btn-large'>Test</button>
</div>
JS
<script>
var buttons = [
$("button:eq(0)"),
$("button:eq(1)"),
$("button:eq(2)"),
$("button:eq(3)")
];
$("h2").click(function(){
for(i = 0; i < 3; i++) {
buttons[i].text("Array element: " + i++);
}
});
</script>
尝试使用http://api.jquery.com/odd-selector/ – LHH