如何使用jQuery删除动态元素

努伊蒂

再次寻求专家意见,如何使用jquery删除动态元素?我目前正在使用具有添加和删除新部分功能的表单的php页面。现在,当我尝试使用jquery删除新添加的部分时,我遇到了问题。由于超链接不会被触发。

HTML页面:

  <div class="form-group">
    <label class="control-label col-md-4">File upload</label>
    <div class="col-md-6">
      <input type="file" />
      <textarea required placeholder="Description of the document" class="form-control" name="description-of-incident" id="description-of-incident" rows="2"></textarea>
      <div class="help-block with-errors"></div><br />
      <a href="javascript:void(0);" id="addanother">Add another</a>
    </div>
  </div>

<div id="container">
</div>

这是我使用的jQuery:

  $(document).ready(function() {
      $('input[type="radio"]').click(function() {
             if($(this).attr('id') == 'peopleinvolvedyes') {
                  $('#involvement-section').show();
             }

             else {
                  $('#involvement-section').hide();
             }
         });

      $("#addanother").click(function(){
        $("#container").append('<div class="form-group"><label class="control-label col-md-4">File upload</label><div class="col-md-6"><input type="file" /><textarea required placeholder="Description of the document" class="form-control" name="description-of-incident" id="description-of-incident" rows="2"></textarea><div class="help-block with-errors"></div><a href="javascript:void(0);" class="remove-document-upload">Remove</a></div></div>');
      });

      $(".remove-document-upload").click(function(){
          alert("dasdasdas");
        //$(this).closest('.addanother').remove();
      });


  });

每当我单击“删除”超链接时,jquery函数都不会触发。

评论和建议受到高度赞赏。

谢谢,Nhoyti

古拉迪奥

小提琴

$(document).on('click', ".remove-document-upload", function() {
    alert("dasdasdas");

});

将事件委托用于动态创建的元素。

.on()文档在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery删除HTML中的动态元素

来自分类Dev

当使用jQuery删除其他元素时,如何动态删除HTML元素

来自分类Dev

如何使用Jquery选择动态添加的元素

来自分类Dev

如何使用jQuery删除动态生成的类?

来自分类Dev

移动后如何使用jquery删除元素

来自分类Dev

如何使用jQuery删除元素所必需的?

来自分类Dev

如何使用JQuery删除iframe中的元素?

来自分类Dev

如何使用 JQuery 按属性删除元素

来自分类Dev

如何使用 JQUERY 删除禁用元素?

来自分类Dev

jQuery 如何删除元素

来自分类Dev

使用jQuery删除元素

来自分类Dev

使用JQuery删除元素

来自分类Dev

使用jQuery删除元素

来自分类Dev

使用jQuery删除元素

来自分类Dev

jQuery如何从动态创建的div中添加/删除动态创建的元素?

来自分类Dev

jQuery:无法删除动态创建的元素

来自分类Dev

jQuery-无法删除动态创建的元素

来自分类Dev

jQuery动态添加和删除元素

来自分类Dev

jQuery:如何动态引用元素?

来自分类Dev

如何添加动态元素jQuery?

来自分类Dev

如何使用JQuery动态更改伪元素的CSS?

来自分类Dev

如何使用jQuery(wordpress)定位动态命名的元素ID

来自分类Dev

PHP:如何引用使用JQuery动态添加其名称的元素?

来自分类Dev

如何删除使用JQuery动态表的特定行

来自分类Dev

如何使用jQuery动态添加/删除文件类型输入字段?

来自分类Dev

使用jQuery使动态元素可选

来自分类Dev

使用jQuery动态删除项目

来自分类Dev

如何删除在Javascript中动态添加的元素

来自分类Dev

如何从AngularJS动态表单中删除元素?