javascript - 单击jquery函数添加和删除div标签

标签 javascript jquery html css

我只想添加 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 中使用一个类引用

最佳答案

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

你必须捕获你想要的元素的父元素

关于javascript - 单击jquery函数添加和删除div标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43207527/

相关文章:

javascript - 为什么我无法写入从数据库中获取的对象?

javascript - JQuery .on 仅在动态生成的元素上触发一次

jquery 表单验证允许提交表单,即使有错误

c# - 使用 jquery ajax post 填充下拉列表并在 C# 页面上获取所选值

jquery - Javascript 中的 WinHttpRequest 等效项

html - 如何创建半透明的模糊叠加层?

html - 我可以在 CSS 中选择之前的同级吗?

javascript - 如何实现iFrame通信来防止跨源错误?

javascript - 使用动态键返回不可变状态

javascript - 使用 javascript 设置页面加载时的输入值