Jquery - 將鏈接轉換爲對話框中的按鈕

Question

我在我的html模板中有一個電子郵件按鈕，單擊該按鈕打開一個對話框，顯示用戶的電子郵件。在該電子郵件下方，我有一個鏈接（在對話框中）。我需要在打開該對話框之前將其轉換爲jquery按鈕。

我可以手動把它轉換成一個按鈕

alertDialog.find('a').button();

，但我並不想用這個作爲罐頭，因爲這是在渲染慢。

請你能不能幫

Answer 1

試試這個： -

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; 
} 

Answer 2

使用jQuery的replaceWith方法：

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

DEMO