将处理程序绑定到具有相似ID的多个元素

Question

我有很多元素，它们的id属性类似于element_num，其中num是元素的数量。我想要它，以便当我点击其中一个元素时它会被删除。

第一个问题是如何使用选择器来查找这些元素（我想我需要像regex这样的东西）。

第二个问题是如何获取被点击的元素id以将其删除。

Answer 1

您可以绑定到所有这些并删除它们，如：

$("[id*='element_num']").click(function() {
    // this.id is the id if you need it.
    $(this).remove();
});

*=选择器获取包含该段的id的任何元素。理想情况下，您可以将所有这些可删除项目包装在容器中，以便您可以使用DOM选择。

*=，.remove

Answer 2

在jQuery中，您可以通过

选择元素

$("#id") for id
$(".class") for class
$("elem") for an element type, like <div>

假设你在一个页面上有30个div（带有.removable类）并且你想要删除被点击的那个，你会做这样的事情：

$(".removable").click(function()
{
    alert("removing: "+$(this).attr("id")); 
    $(this).remove();
});

Answer 3

您可以为这些元素添加一些类，因此您可以选择所有这些元素并在click事件上绑定删除操作，只需使用类似 $(.removable) $（“ .removable“）

此外，如果你使用一个类，你可以只使用元素的id作为真实的id号，然后你只需要获取元素id来获得真实的数字id

$(this).attr('id') this.id