我有按钮从A-Z出发。我有下面的jQuery代码,如果有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
但是我无法解决的问题是我只想在按钮顶部添加一个简单的单词<p>Answer:</p>
,以便它显示如下:
答案:
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
我无法理解它,如何使用我当前的jQuery代码实现这一目标:
var $this, i=0, $row, $cell;
$('#optionAndAnswer .answers').each(function() {
$this = $(this);
if(i%7 == 0) {
$row = $("<tr/>").appendTo($answer);
$cell = $("<td/>").appendTo($row);
}
var $newBtn = $("<input class='answerBtnsRow answers' type='button' style='display:%s;' onclick='btnclick(this);' />".replace('%s',$this.is(':visible')?'inline-block':'none')).attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
$newBtn.appendTo($cell);
i++;
});
答案 0 :(得分:1)
改变你的第二行......
$('#optionAndAnswer .answers').each(function() {
...到......
$('#optionAndAnswer .answers').prepend('<p>Answer:</p>').each(function() {