如何在这些按钮上方添加字符串

时间:2012-05-31 15:13:34

标签: javascript jquery html

我有按钮从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++;
});

1 个答案:

答案 0 :(得分:1)

改变你的第二行......

$('#optionAndAnswer .answers').each(function() {

...到......

$('#optionAndAnswer .answers').prepend('<p>Answer:</p>').each(function() {