单击特定文本框旁边的按钮时，如何仅删除一个文本框？

Question

$(document).on("click",".btnnn",function() {
    for(i=0;i<data1.length;i++) {
        if(nam==data1[i].Name) {
           for(j=0;j<data1[i].PhoneNo.length;j++) {
              var text="<br><input type='text' class='append'>";
              $("#textbox"+data1[i].PhoneNo).after(text);
              return false;
           }
        }
    }
});

我已动态添加了文本框。单击文本框旁边的特定按钮时，如何仅删除特定文本框？文本框和按钮都是动态创建的。

我已尝试过，但所有文本框都已移除。

Answer 1

您需要某种方法在按钮和文本框之间创建唯一引用。使用jquery的一种可能性看起来像这样。

HTML

<div>
     <input type='text' class='append'>
     <button>
</div>

JS

$(this).siblings()

然后，您可以使用$（this）.siblings（）引用按钮onclick事件中的文本框，并且只能找到位于该父div内的文本框。