我的檔案有許多跨度標簽，如下所示：
<span class='myClass'>aaa</span>
我想將它們中的每一個變成以下內容：
<a href="http://www.example.com/aaa" onclick="myfunc();"><span class='myClass'>aaa</span></a>
有沒有辦法做到這一點？可以是純 js 或 jquery (3.1.1)
先感謝您
uj5u.com熱心網友回復：
使用 jQuery，您可以使用 迭代所有.myClass元素.each()，然后使用.wrap()
$(".myClass").each( function() {
$(this).wrap('<a href="http://www.example.com/' $(this).text() '" onclick="myfunc();" />');
});
console.log($(".myClass").parent())<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<span class='myClass'>aaa</span>
<span class='myClass'>bbb</span>
<span class='myClass'>ccc</span>
<span class='myClass'>ddd</span>https://api.jquery.com/wrap/
uj5u.com熱心網友回復：
用這個：
const els=document.querySelectorAll("span.myClass");
els.forEach((el)=>{
const t=el.textContent;
const aEl=document.createElement("a");
aEl.href=`http://example.com/${t}`;
aEl.appendChild(el.cloneNode(true))
el.parentElement.insertBefore(aEl,el);
el.remove()
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472738.html
標籤：javascript html jQuery