如何使用jQuery的Javascript交換div中文本的鏈接？

Question

我希望把下面的HTML：

<div id="myText">Another hurricane is coming <a data-number="23">here</a>. And check out pictures <a data-number="43">here</a>.</div> 

到這一點：

<div id="myText">Another hurricane is coming @[23]. And check out pictures @[43].</div> 

我基本上是試圖獲取每個「數據數」值，並把它變成方括號，而省略a-tags中的文字。

關於如何最好地解決這個問題的任何想法？

Answer 1

使用

$(document).ready(function() { 
    $('#myText a[data-number]').each(function() { 
    var text = '@[' + $(this).data('number') + ']'; 
    $(this).replaceWith(text); 
    }); 
}); 

Answer 2

您可以使用.replaceWith()

$('#myText').find('a').replaceWith(function(){ 
     return "@["+ $(this).data('number')+"]"; 
}); 

DEMO

你可以使用.find('a[data-number]')像@ColinDeClue指出了意見一定要得到錨與屬性data-number。