Javascript 如何使用JQuery选择元素并修改其内容？

我的结构如下：

<div class="button">
<a href="/" target="_blank" class="test">Photos</a>
</div>

使用JQuery如何选择.button并从html中删除target=\u blank

我可以通过遵循JQuery文档到达这里，但我是新来的，迷路了

$('.button').html("<a href="/" class="test">Photos</a>");

尽管这很容易理解它的作用，removeAttr方法将删除从选择器调用的所有html属性

以下是文档：

像这样尝试： 我已更改href值以进行测试。 现场演示：

问题：您正在使用双引号引用html，标签都使用**单引号**引用其中一个

解决方案：

---

最好告诉新学员代码失败的原因

$(".button a").removeAttr("target");

   $( document ).ready(function() {
    $('.button').html("<a href='/go' class='test'>Photos</a>");
    });

$('.button').html('<a href="/" class="test">Photos</a>');

$('.button').find('a').removeAttr('target');