使用jQuery替换按钮标签内文本失效，求解决建议

嘿，我瞅了你的代码，问题出在text()方法的回调函数使用上啦！

问题根源 #

你原本的代码里，在text()的回调函数中又调用了$(this).text()来赋值，这是错误的用法。text()的回调函数需要返回你想要设置的文本内容，而不是在内部再次调用text()方法——这种写法会导致逻辑冲突，自然没法正常替换文本。

修正后的代码 #

写法一：使用回调函数（适合需要基于原有文本修改的场景）

<div id="memorabilia"> 
  <button class="btn btn-primary" id="load">More Memorabilia</button> 
</div>

<script>
// 确保DOM加载完成后执行代码
$(document).ready(function() {
  $('#load').text(function() {
    // 直接返回要设置的新文本
    return 'MÉG TÖBB MEMORABILIA';
  });
});
</script>

写法二：直接传字符串（不需要依赖原有文本时更简洁）

如果不需要基于按钮原有文本做修改，直接给text()传目标字符串就行：

$(document).ready(function() {
  $('#load').text('MÉG TÖBB MEMORABILIA');
});

额外注意点 #

一定要确保：

• 页面已经正确引入了jQuery库
• 代码放在$(document).ready()回调中，或者放在DOM元素之后（保证jQuery能找到#load按钮）

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