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/

在单击jquery函数上添加和删除div标签

2 个答案: