jQuery使用父属性追加元素

Question

我尝试使用jQuery，对于使用类button-0的每个元素，添加一个具有类button-0-text的新子元素，并且文本等于{{1}原始data-text元素的属性。我试过这个......

HTML：

button-0

使用Javascript：

<div class="flex fs-0 button-0" data-text="Enhance"></div>

......但它没有用。这甚至是正确的方法吗？任何帮助将非常感激。谢谢^。^

Answer 1

尝试这种方式：

＆＃13;

＆＃13;

$('.button-0').each(function() {
  $(this).append('<div class="button-0-text">' +$(this).data('text')+ '</div>');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="flex fs-0 button-0" data-text="Enhance1"></div>
<div class="flex fs-0 button-0" data-text="Enhance2"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这应该这样做：

var buttons = $('.button-0');
buttons.each(function(i, elem){
  var child = $('<div/>', {'class': 'button-0-text'});
  child.text($(this).data('text'));
  child.appendTo(this);
});