Question

＆＃34;＆lt; div class =＆＃34; text＆＃34;数据名称=＆＃34; TEST1＆＃34;＆GT; ＆LT; / DIV＆GT;＆＃34;
  ＆lt; div class =＆＃34; text＆＃34;数据名称=＆＃34; TEST1＆＃34;＆GT; ＆LT; / DIV＆GT;
  ＆lt; div class =＆＃34; text＆＃34;数据名称=＆＃34; TEST1＆＃34;＆GT; ＆LT; / DIV＆GT;
  ＆lt; div class =＆＃34; text＆＃34;数据名称=＆＃34; TEST1＆＃34;＆GT; ＆LT; / DIV＆GT;
  ＆lt; div class =＆＃34; text＆＃34;数据名称=＆＃34; TEST1＆＃34;＆GT; ＆LT; / DIV＆GT;

追加应该是这样的

＆lt; div class =＆＃34; text＆＃34;＆gt; ＆lt; p＆gt; test 1＆lt; / p＆gt;＆lt; / div＆gt;
＆lt; div class =＆＃34; text＆＃34;＆gt; ＆lt; p＆gt; test 2＆lt; / p＆gt;＆lt; / div＆gt;

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>

如何动态地在p标签中追加数据属性值

2 个答案: