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

Question

我有很多元素，它们的 id 属性类似于 element_num，其中 num 是元素的编号。我希望这样当我单击这些元素之一时它就会被删除。

第一个问题是如何使用选择器来查找这些元素（我想我需要类似正则表达式的东西）。

第二个问题是如何获取点击的元素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 中，你可以通过假设页面上有 30 个 div（带有 .removable 类）来选择元素

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

，并且你想删除被单击的那个，你可以这样做：

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

Answer 3

您可以向这些元素添加一些类，这样您就可以选择所有元素并在单击事件上绑定删除操作，只需使用 $(.removable) $(".removable")

另外，如果你为此使用一个类，你可以只使用元素的 id 作为真实的 id 编号，然后你只需获取元素 id 即可获取真实的编号 id这个

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