I have this code below where the problem is that it displays the <span>

Question

0

Asked: June 5, 20262026-06-05T03:09:07+00:00 2026-06-05T03:09:07+00:00

I have this code below where the problem is that it displays the <span>

0

I have this code below where the problem is that it displays the <span> tag “Open Grid” twice when it should only display it once:

$('.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();

});

Now if I remove the <div> tags around the string “Option Type” then it displays the “Open Grid” link once but then the string “Option Type” isn’t displayed.

So how can I display “Option Type:” but making sure it displays “Open Grid” link only once?

Here is the Jsfiddle. Just click on the “Add Question” button and you will see what is happening