点击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/