我有一個jQuery循環,它顯示按鈕A - Z,但它做的是在一行中顯示7個按鈕。所以它應該看起來像這樣:連續最後一個按鈕丟失
A B C D E F G
H I J K L M N
O P Q R S T U
V W X Y Z
但問題是,此循環導致每一行中的最後一個按鈕丟失。因此按鈕G,N和U缺失。我想知道他們爲什麼錯過了,以及如何修復下面的代碼以顯示這些按鈕以及其他按鈕。
var i = 1;
$('#optionAndAnswer .answers').each(function() {
var $this = $(this);
var $newBtn = '';
if($this.is(':visible')){
$newBtn = $("<input class='answerBtnsRow answers' type='button' style='display: inline-block;' onclick='btnclick(this);' />").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
}else{
$newBtn = $("<input class='answerBtnsRow answers' type='button' style='display: none;' onclick='btnclick(this);' />").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
}
if(i % 7 == 0){
$answer.append($newBtn+"<tr></tr>");
}
else
$answer.append($newBtn);
i = i+1;
});
PHP CODE:
<?php
$a = range("A","Z");
?>
<table>
<tr>
<?php
$i = 1;
foreach($a as $key => $val){
if($i%7 == 1) echo"<tr><td>";
echo"<input type=\"button\" onclick=\"btnclick(this);\" value=\"$val\" id=\"answer".$val."\" name=\"answer".$val."Name\" class=\"answerBtns answers answerBtnsOff\" style=\"display: inline;\">";
if($i%7 == 0) echo"</td></tr>";
$i++;
}
?>
</tr>
</table>
硬盤沒有你的HTML說...也許設置'var i = 0'? – 2012-01-13 23:17:50
字母H,P和X缺少如果我這樣做,如果我這樣做(i%8 === 0) – BruceyBandit 2012-01-13 23:18:27
@ T.J.我想追加一個空行 – BruceyBandit 2012-01-13 23:19:25