以下にこのコードがあります。問題は、<span>タグ「OpenGrid」が1回だけ表示されるはずなのに2回表示されることです。
$('.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」リンクが一度表示されますが、文字列「OptionType」は表示されません。
では、どうすれば「オプションタイプ：」を表示できますが、「グリッドを開く」リンクが1回だけ表示されるようにするにはどうすればよいですか？
これがJsfiddleです。[質問を追加]ボタンをクリックするだけで、何が起こっているかがわかります