Javascript Jquery-将链接转换为对话框中的按钮

我的html模板中有一个电子邮件按钮，单击该按钮将打开一个对话框，其中显示用户的电子邮件。在那封邮件下面我有一个链接（在对话框中）。在打开该对话框之前，我需要将其转换为jquery按钮

我可以手动把它变成一个按钮

alertDialog.find（'a'）.button（）

但我不想把它当作罐头使用，因为它的渲染速度很慢

请帮我试试这个：-

alertDialog.find('a').addClass("yourClass");

.yourClass{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

使用
replaceWith
jQuery方法：

alertDialog.find('a').each(function (_, e) {
    $(e).replaceWith($('<button/>', {
        text: e.innerHTML
    }).on('click', function () {
        window.location.href = e.href;
    }))
});

alertDialog.find（'a'）。每个（函数（\uE）{
$（e）.替换为（$（''）{
文本：e.innerHTML
}).on（'单击'，函数（）{
window.location.href=e.href；
}))
});

.button（）
不是jQuery方法。你是否在使用twitter js，如果是的话，你应该告诉它，或者说你在使用哪个插件。编辑：对不起，看起来你无论如何都不想使用它应用于一个类似按钮的类。我想你可以使用replaceWith方法谢谢。但是为了添加一个类，我需要添加一个新的css。我忽略了这一点。这也是一个很好的解决方案。不需要新的CSS，只需在现有CSS中添加一个类。感谢您的及时回复。但这对我不起作用。它在JSFIDLE中起作用，所以我猜你在其他地方出错了，或者我不明白你在找什么。是的，谢谢你，我把
.on（'click'，function（））
搞错了。