如何使用jQuery正确移除指定的button按钮

失效原因 #

jQuery 的 remove() 方法的入参仅支持传入筛选选择器，不支持直接传入索引值，因此你写的$('button').remove(2)不符合方法语法要求，无法生效。

可行解决方案 #

• 按索引定位删除
  jQuery中元素索引从0开始计数，你示例中三个按钮的索引依次为0、1、2。如果要删除文本为3的第三个按钮，写法如下：

  // 写法1：使用:eq选择器
  $('button:eq(2)').remove()
  // 写法2：使用eq()实例方法
  $('button').eq(2).remove()
  

  如果要删除文本为2的第二个按钮，把索引参数改成1即可。
• 按按钮文本精准匹配删除
  如果你不想依赖索引，可直接匹配按钮的文本内容，用filter实现精准匹配可以避免:contains模糊匹配的误伤问题：

  // 精准删除文本为2的按钮
  $('button').filter(function() {
    return $(this).text() === '2'
  }).remove()
  

• 原生JS实现（无需依赖jQuery）
  如果你不想用jQuery，直接用原生API也可以实现：

  // 按索引取对应按钮后调用remove方法
  document.querySelectorAll('button')[2].remove()
  

内容的提问来源于stack exchange，提问作者Agata