javascript - jquery - 使用 href 按钮删除特定输入

Question

我刚刚使用 <a id="add">Add</a> 创建了添加输入字段链接按钮工作正常。 并且还创建了无法正常工作的删除按钮。我需要使用 <a class="remScnt">Remove</a> 删除确切的输入字段链接按钮

$(document).ready(function() {
  var scntDiv = $('#add_words');
  var wordscount = 1;
  var i = $('.line').size() + 1;
  $('#add').click(function() {
    wordscount++;
    $('<div class="line">Word is ' + wordscount + '<input type="text" value="' + wordscount + '" /><a class="remScnt">Remove</a></div>').appendTo(scntDiv);
    i++;
    return false;
  });
  Remove button
  $('.remScnt').click(function() {
    if (i > 1) {
      $(this).parents('.line').remove();
      i--;
    }
    return false;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<a id="add">Add</a>
<div id="add_words">
  <div class="line">Word is 1
    <input type="text" value="1" />
  </div>
</div>

Answer 1

你的代码有两个问题:

1. “remScnt”应该是类属性而不是 id。
2. 您的点击事件在文档准备就绪时执行，因此您的动态元素不会附加任何事件处理程序

我在 http://jsfiddle.net/qQKFt/3/ 创建了一个可用的 JSFiddle给你看看。