私は3つのテキストフィールドを追加ボタンでクリックすると1つの削除アイコンでクローンしたいと思っています。動的に追加されたdivを削除するjavacript
は、今私は、削除ボタンをクリックしたときに、その特定のdivの最後の3つのテキストフィールドを削除したい...しかし、私のコードは
はこれを解決するために私を助けてください...私のフォームのすべての動的に追加のテキストフィールドを削除します。..これはトップレベルのコンテナを選択し、それを削除するよう..
$('#add_exercise').on('click', function() {
$('#exercises').append('<div class="exercise"><input type="text" name="exercise[]"></div>');
$('#exercises').append('<div class="exercise"><input type="text" name="exercise[]"></div>');
$('#exercises').append('<div class="exercise"><input type="text" name="exercise[]"><button class="remove">x</button></div>');
return false;
});
$('#exercises').on('click', '.remove', function() {
$(this).parents("#exercises").remove();
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset id="exercises">
<div class="exercise">
<input type="text" name="exercise[]">
<input type="text" name="exercise[]">
<input type="text" name="exercise[]">
</div>
<button id="add_exercise">add exercise</button>
<button class="remove">x</button>
</fieldset>
あなたのクラスとID記号を確認してください。代わりに#exercises – manny