javascript - 它显示链接两次，而不是一次

Question

我下面有这段代码，问题是它显示 <span>标记“打开网格”两次，而它只应显示一次:

$('.gridTxt', context).each( function() {

    var $this = $(this);
    var $optionsText = $("<div>Option Type:</div><input type='text' class='gridTxtRow maxRow' readonly='readonly' />")
.attr('name',$this.attr('name')+"[]")
.attr('value',$this.val())
.appendTo( $options )
.after("<span href='#' class='showGrid'>[Open Grid]</span>");

$questionType = $this.val();

});

现在，如果我删除 <div>标签围绕字符串“Option Type”，然后它会显示“Open Grid”链接一次，但随后不会显示字符串“Option Type”。

那么如何显示“选项类型:”但确保它仅显示“打开网格”链接一次？

这是Jsfiddle 。只需点击“添加问题”按钮，您就会看到发生了什么

Answer 1

这是您要找的吗？

http://jsfiddle.net/hnbsV/3/