Javascript 在以下场景中，如何将数据附加到jQuery中的特定div？

我的Jquery函数如下

jQuery(document).ready(function(){
            var content='<div class="input-parameters"><div><label>Url</label><div class="inputContainer"><textarea rows="4" cols="25" readonly></textarea></div></div>'+

                    '<div class="saveButtonDiv"><button type="button" class="btn" class="saveButton">Save</button></div>';

            jQuery( "#container" ).on( "click","#saveAndAddNew", function() {
                jQuery('.redirect').append(content);
            });

            var networkContent='<div class="wrapper"><div class="NetworkSelection">+
                                  '<div class="redirect">'+content +'</div>'+
                                  '<div class="buttonContainer">'+
                                  '<button type="button"                              class="btn" id="saveAndAddNew">Add New</button>
                                     </div></div>';
              jQuery('#saveAndAddNetwork').click(function(){
                jQuery('#container').append(networkContent);
            })
        })

jQuery（文档）.ready（函数（）{
var content='Url'+
“保存”；
jQuery（#container”）。在（#单击“，#保存和添加新”，函数（）上{
jQuery（'.redirect'）.append（内容）；
});
var networkContent+
''+内容+''+
''+
“添加新的
';
jQuery（“#saveAndAddNetwork”）。单击（函数（）{
jQuery（“#容器”）.append（networkContent）；
})
})

我的html是

div id="container">
    <div class="wrapper">
        <div class="NetworkSelection">
            <div class="redirect">
                <div class="input-parameters">
                    <div>
                        <label>Redirect Url</label>
                        <div class="inputContainer">
                            <textarea rows="4" cols="25" readonly>

                            </textarea>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="inputParams">
                        <div >
                            <label>Campaign</label>
                            <div class="inputContainer">
                                <input type="text"  class="input-medium"/>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div>
                            <label>Creative Id</label>
                            <div class="inputContainer">
                                <input type="text" class="input-medium"/>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="saveButtonDiv"><button type="button" class="btn" id="save">Save</button></div>
                    <div class="clear"></div>
                </div>

            </div>
            <div class="buttonContainer">

                <button type="button" class="btn" id="saveAndAddNew">Add New</button>
            </div>

        </div>
    </div>
    <div class="networkButtonContainer">
        <button type="button" class="btn-small">Save</button>
        <button type="button" class="btn-small" id="saveAndAddNetwork">Save & Add Network</button>
    </div>
</div>

div id=“container”>
重定向Url
运动
创意Id
拯救
新增
拯救
保存和添加网络

我在这里试图做的是，单击“添加新”按钮，我将用class=“redirect”和 单击“保存并添加网络”按钮，我将网络内容附加到id为“container”的div中。 现在的问题是，如果我在附加的div中单击“添加新”按钮，“内容”将同时添加到附加的div和现有的div中。我希望它仅添加到我正在单击的div中。

---

我应该如何实现这一点。

将

内容

附加到所有具有

重定向

类的div中，因此您必须缩小上下文范围，同时找到正确的附加位置。例如，尝试以下方法：

jQuery("#container").on("click", "#saveAndAddNew", function() {
    jQuery(this).closest(".NetworkSelection").find(".redirect").append(content);
});

---

工作了…非常感谢！！