如何在2秒后仅移除JavaScript生成的New按钮而非Hey按钮？

你当前的问题出在$('button').hide()是全局选择器，会匹配页面上所有<button>元素，包括初始HTML里的按钮和你动态生成的"New"按钮，所以所有按钮都会被隐藏。下面提供几种可靠的方法，帮你只移除目标按钮：

方法1：直接保存动态创建的jQuery对象（推荐） #

创建按钮时直接用jQuery构造函数生成对象并保存，后续直接操作这个对象即可，无需额外筛选：

// 修改原有按钮内容
$('button').html('<em>Hey</em>');

// 直接创建jQuery按钮对象并保存引用
let newbtn = $('<button>New</button>');

// 追加到h1元素中
$('h1').append(newbtn);

// 2秒后只移除/隐藏这个特定按钮
setTimeout(() => {
  newbtn.remove(); // 彻底移除元素，若只需隐藏可改用hide()
}, 2000);

方法2：通过父元素+文本内容筛选 #

如果坚持用字符串创建按钮，可以利用它的父元素（h1）和文本内容来精准定位：

$('button').html('<em>Hey</em>');

let newbtn = '<button>New</button>';
$('h1').append(newbtn);

setTimeout(() => {
  // 选中h1下文本为"New"的按钮
  $('h1 button:contains("New")').remove();
}, 2000);

方法3：给动态按钮添加标识类（最稳定） #

给动态生成的按钮添加一个自定义类名，通过类名定位能避免内容或父元素变化导致的筛选失效：

$('button').html('<em>Hey</em>');

// 给新按钮添加唯一标识类
let newbtn = '<button class="dynamic-new-btn">New</button>';
$('h1').append(newbtn);

setTimeout(() => {
  // 通过类名定位并移除
  $('.dynamic-new-btn').remove();
}, 2000);

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