點擊jquery函數添加和移除div標記

Question

我想添加div並刪除div只有一個類。

現在我可以用兩個班級來完成。

<div class="optionBox"> 
<div class="block"> 
    <input type="text" /> <span class="remove">Remove Option</span> 
</div> 
<div class="block"> 
    <input type="text" /> <span class="remove">Remove Option</span> 
</div> 
<div class="block"> 
    <span class="add ">Add Option</span> 
</div> 

$('.add').click(function() { 
     $('.block:last').before('<div class="block"><input type="text" /><span class="remove">Remove Option</span></div>'); 

    }); 

    $(document).on('click', '.remove', function() { 
     $(this).parent().remove(); 
    }); 
</script> 

如何在jQuery的一個類引用做

Answer 1

$(this).parent().siblings(".block").remove(); 

你必須抓住元素的父母，你要

Answer 2

試試這個方法

$('.add').click(function() { 
    var customTemplate = ('<div class="block"><input type="text" /><span class="remove">Remove Option</span></div>') 
     $('.block:last').before(customTemplate); 

    }); 

$(document).off('click', '.remove'); 
    $(document).on('click', '.remove', function() { 
     $(this).parent().remove() 
    }); 

https://jsfiddle.net/b0bw0u8d/