如何附加數據在p標籤屬性值動態

Question

" < DIV類= "文本"數據名= " TEST1 " > < /格> "
< DIV類= "文本"數據名= " TEST1 " > < /格>
< DIV類= "文本"數據名= " TEST1 " > < /格>
< DIV類= "文本"數據名= " TEST1 " > < /格>
< DIV類= "文本"數據名= " TEST1 " > < /格>

追加應該是這樣的

< DIV類= "文本" > <p>試驗1 </P > < /格>
< DIV類= "文本" > <p>試驗2 </P > < /格>

Answer 1

贊這個：

$('div.text').each(function() { 
    var $this = $(this); 
    $this.append($('<p>').html($this.data('name'))); 
}); 

Answer 2

轉換元素的一種方法。

$('div[data-name]').each(function() { 
 
    var data = $(this).data("name"); 
 
    $(this).removeAttr("data-name"); 
 
    data = data.slice(0, 4) + " " + data.slice(4); 
 
    $(this).append("<p>" + data); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="text" data-name="test1"> </div> 
 
<div class="text" data-name="test1"> </div> 
 
<div class="text" data-name="test1"> </div> 
 
<div class="text" data-name="test1"> </div> 
 
<div class="text" data-name="test1"> </div>