Javascript 单击具有唯一id的链接上的事件

在我有链接的页面上，通过单击它们，它会删除一个元素。这是我的代码：

<a href="#" class="remove-existed-field" id="link0">Delete input</a>
<a href="#" class="remove-existed-field" id="link1">Delete input</a>

它适用于

id=“link0”

我尝试将id的数字部分放入变量

I

，方法如下：

var i = 0;

$('#link0' + i).click(function (e) {
    e.preventDefault();
    $(this).closest('li').remove();
  })

---

但是我不知道如何使它工作，我应该如何增加

I

（我应该把代码

I++

放在哪里）。任何帮助都是值得的。谢谢

您可以使用带选择器的Start

$('[id^=link]').click(

---

它将针对其

id

以

link

开头的所有元素，您可以使用带选择器的开头

$('[id^=link]').click(

---

它将针对其

id

以

link

开头的所有元素。您可以使用

类来代替id

您可以这样做：


$（文档）.ready（函数（）{
$（'.remove existed field'）。在（'click'，函数（e）上{
$（this）.最近（'li'）.remove（）；
})
});


您可以使用
类
而不是ID

您可以这样做：


$（文档）.ready（函数（）{
$（'.remove existed field'）。在（'click'，函数（e）上{
$（this）.最近（'li'）.remove（）；
})
});


如果您想处理每个链接
a
，那么您可以在
类上执行。
如果您确实需要，您还可以获取所单击链接的
id

$(document).ready(function () {
   $('a.remove-existed-field').click(function (e) {
      e.preventDefault();
      // $(this).attr('id');
      $(this).closest('li').remove();
  });

});

如果您想处理每个链接
a
，那么您可以在
类
上进行处理。
如果您确实需要，您还可以获取所单击链接的
id

$(document).ready(function () {
   $('a.remove-existed-field').click(function (e) {
      e.preventDefault();
      // $(this).attr('id');
      $(this).closest('li').remove();
  });

});

李和链接有什么关系？每个li在链接时都有唯一的id？为什么不能将事件侦听器绑定到
类而不是
id
？如果我将其绑定到类，它将删除所有最近的li，但不是我想要的那个need@AlexZakruzhetskyi您能否将
li
元素包含到您的问题中，以便我们了解它们的结构。@Alexakruzzetskyi不，它不会删除所有元素，因为您使用的是
$（this）
和
最近的
。这只会影响1个元素。li与链接的关系如何？每个li在链接时都有唯一的id？为什么不能将事件侦听器绑定到
类而不是
id
？如果我将其绑定到类，它将删除所有最近的li，但不是我想要的那个need@AlexZakruzhetskyi您能否将
li
元素包含到您的问题中，以便我们了解它们的结构。@Alexakruzzetskyi不，它不会删除所有元素，因为您使用的是
$（this）
和
最近的
。这只会影响1个元素。我想这个代码已经被回答了。。。这是它的复制品！我想这个密码已经被回答了。。。这是它的复制品！