Моя функция 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);
})
})
и мой 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 с классом = "перенаправление" и нажатием кнопки "сохранить и добавить сеть". Я добавляю networkContent к div с id 'container'. Теперь проблема заключается в том, что я нажимаю кнопку "Добавить новый" в добавочном div, "содержимое" добавляется к обоим, добавленному div и также существующему div. Я хочу, чтобы он был добавлен только к div, который я щелчок. Как мне добиться этого?
content
было добавлено ко всем div, которые имеют классы redirect
поэтому вам нужно сузить контекст, найдя нужное место для добавления. Например, попробуйте следующее:
jQuery("#container").on("click", "#saveAndAddNew", function() {
jQuery(this).closest(".NetworkSelection").find(".redirect").append(content);
});