親属性を使用して要素を追加する

Question

クラスbutton-0を使用する各要素に対して、button-0-textクラスの新しい子要素を追加し、元のbutton-0要素のdata-text属性に等しいテキストをjQueryに送信しようとしています。

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

Javascriptを：私はこの...

HTMLみました

$(".button-0").append($("<div></div>").addClass("button-0-text").text($(this).parent().attr("data-text"))); 

を...しかし、それは働いていません。これは正しい方法ですか？どんな助けでも本当に感謝しています。 ^ありがとう^

Answer 1

この方法を試してみてください：。

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

<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>

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); 
}); 

を