Question

您好我是jquery的新手，我在点击功能上添加了一个表单到我的表单一切正常。 但我不想先显示表单删除按钮我只想在点击后显示我添加的表单删除按钮

这是我的代码

$('#addFiles').click(function() {
    img_input = '<input name="image[#count#]"  type="file">';
    img_input = img_input.replace(new RegExp('#count#', 'g'),count);

    htmlstr =
    '<div class="fileupload fileupload-new" data-provides="fileupload">\
    <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">\
      <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />\
    </div>\
    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>\
    <div>\
      <span class="btn btn-white btn-file">\
        <span class="btn btn-file fileinput-button">\
          <span>Upload Image </span>\
          '+img_input+'\
        </span>\
      </span>\
      \<a id="removeField" class="btn btn-danger" type="button" onclick="remove_row(this)"><i class="fa fa-trash-o"></i></a>\
    </div>\
  </div>\
</div>';
$('#form-image').append(htmlstr);
count++;
i++;
return false;
});

  $('#addFiles').click();

});

function remove_row(obj){
  $(obj).parent().parent().remove();
}

Answer 1

你可以隐藏第一个项目的删除按钮，做这样的事情。

// html change
<a id="removeField" class="btn btn-danger remove-btn" type="button" onclick="remove_row(this)"><i class="fa fa-trash-o"></i></a>

// jquery change, call this statemet after every append.
$('#form-image').find('.fileupload').first().find('.remove-btn').hide()

Jquery添加删除函数

1 个答案: