設置於JavaScript

Question

你好IM的刪除按鈕嘗試寫這段代碼爲每個輸入添加刪除BTN，我通過JavaScript添加每一個沒有問題：·

但刪除BTN它不工作，我想你會更快地看到我的錯誤，導致我真的是一個JavaScript的新手。希望你能幫助我..

$(document).ready(function() { 
    var i = $('.field').size() + 1; 
    $('#add').click(function() { 
     $('<div class="fieldss' + i + '"><label for="link' + i + '">Video/Link</label><input type="text" class="field' + i + '" name="link' + i + '" value="' + i + '" /><a href="#" id="remove' + i + '">Remove</a></div>').fadeIn('slow').appendTo('.inputs'); 
     i++ 
    }); 
    $('#remove' + i + '').click(function() { 
     $('.fieldss' + i + '').remove(); 
     i-- 
    }); 
    $('#reset').click(function() { 
     while (i > 2) { 
      $('.field:last').remove(); 
      i-- 
     } 
    }); 
    $('.submit').click(function() { 
     var answers = []; 
     $.each($('.field'), function() { 
      answers.push($(this).val()) 
     }); 
     if (answers.length == 0) { 
      answers = "none" 
     } 
     alert(answers); 
     return false 
    }) 
}); 

的問題必須在刪除BTN代碼，因爲我不知道如何設置它像這樣...我使用有它這樣的，但這刪除剛剛過去項目添加，我需要每個刪除btn。

$('#reset').click(function() { 
    while (i > 2) { 
     $('.fieldss:last').remove(); 
     i--; 
    } 
}); 

Answer 1

由於您正在動態添加它，因此您可以將事件委託綁定事件用於存在的父級。使用類remove將其添加到刪除元素。您也可以使用<div class="fieldss">，然後： -

$('#add') 
     .click(function() { 
     $('<div class="fieldss"><label for="link' + i + '">Video/Link</label><input type="text" class="field' + i + '" name="link' + i + '" value="' + i + '" /><a href="#" id="remove' + i + '" class="remove">Remove</a></div>') 
      .fadeIn('slow') 
      .appendTo('.inputs'); 
     i++; 
    }); 

$(document).on('click','.remove', function() { 
// use a container selector instead of document. 

    $(this).closest('.fieldss').remove(); 
});