Jquery AppendTo动态

Question

newTextBoxDiv1.appendTo("#TextBoxesGroup3"+counter3);

嗨，我的代码有问题，因为当我输入

时

newTextBoxDiv1.appendTo("#TextBoxesGroup31");
newTextBoxDiv1.appendTo("#TextBoxesGroup32");
newTextBoxDiv1.appendTo("#TextBoxesGroup33");

它有效，但当我想用counter3变量使它变得动态时，它无效。

     var counter3 = 1;
     $("#addPoll").click(function () {
        if(counter3>5){
            alert("Only 5 Poll is allowed");
            return false;
        } 
        if(counter3==1){
            $("#removePoll").css("visibility","visible");
        }   
        var newTextBoxDiv = $(document.createElement('div'))
            .attr("id", 'TextBoxDiv1' + counter3);

        newTextBoxDiv.after().html('<label>Question '+ counter3 + ' : </label>' + 
            '<input type="text" id="textbox' + counter3 + '" value="" name="textbox[]"><br></br>' +
            '<input type="button" value="Add Button" id="addPollButton'+counter3+'">'+
            '<input type="button" value="Remove Button" id="removePollButton">' +
            '<div id="TextBoxesGroup3'+counter3+'"></div>'+
            //'<label>Number Of Answer : </label> <input type="text" id="textbox' + counter3 + '" value="" name="textbox[]">' +
            '<br></br><br></br>');alert(counter3);

            newTextBoxDiv.appendTo("#TextBoxesGroup1");

            var counter4 = 1;
            $("#addPollButton"+counter3).click(function (){
                if(counter4>5){
                    alert("Only 5 textboxes allowed");
                    return false;
                }   
                var newTextBoxDiv1 = $(document.createElement('div'))
                    .attr("id", 'TextBoxDiv2' + counter4);
                newTextBoxDiv1.after().html('<label>Answer '+ counter4 + ' : </label>' +
                    '<input type="text" id="textbox' + counter4 + '" value="" name="textbox[]">');
                    alert(counter3);
                newTextBoxDiv1.appendTo("#TextBoxesGroup3"+counter3);counter4++;
            });
            counter3++;
        });

我添加了代码的全部功能