Question

我想添加一些带有添加和删除按钮的字段，当我删除最后一条记录时，添加按钮必须出现在删除后的最后一个元素上。

event.currentTarget

这是一个小提琴 http://jsfiddle.net/8dq15j2y/

Answer 1

注意：元素的ID必须是唯一的，因此请使用class

＆＃13;

$(function() {
  var scntDiv = $('#cont');
  var i = $('#cont p').size() + 1;

  $('#cont').on('click', '.addcontact1', function() {
    $('<p style="margin-left:150px;"><select><option value="Phone">Phone</option><option value="Land-Line">Land-Line</option><option value="Fax">Fax</option></select><input type="text" id="p_scnt" size="20" name="p_scnt_' + i + '" value="" placeholder="" /> <a href="#" class="remScnt">remove</a> <input type="button" value="+" class="addcontact1"></p>').appendTo(scntDiv);
    i++;
    $(this).hide();
    return false;

  });

  $('#cont').on('click', '.remScnt', function() {
    if (i > 2) {
      $(this).closest('p').remove();
      i--;
    }
    $('#cont p').last().find('.addcontact1').show();
    return false;
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="cont">
  <p>
    <label>Contact No :</label>
    <select>
      <option value="Phone">Phone</option>
      <option value="Phone">Land Line</option>
      <option value="Phone">Fax</option>
    </select>
    <input type="text" name="website" value="" />
    <input type="button" value="+" class="addcontact1" />
  </p>
</div>

＆＃13;

使用css：http://jsfiddle.net/arunpjohny/k7t86pkx/3/

Answer 2

在P标签后添加+按钮并替换$（＆＃39; #addcontact1＆＃39;）。show（）; to $（＆＃39; #addcontact1＆＃39;）。hide（）;

Answer 3

你可以在行后插入
$（本）。家长（ 'P'），删除（）;代码如下：

 $('#cont p:last').children('#addcontact1').show();

如何在删除最后一行后显示最后一个元素的添加按钮？

3 个答案: