我正在尝试使用 jQuery,为使用 button-0
类的每个元素添加一个具有 button-0-text
类的新子元素,并且文本等于原始 button-0
元素的 data-text
属性。我试过这个...
HTML:
<div class="flex fs-0 button-0" data-text="Enhance"></div>
Javascript:
$(".button-0").append($("<div></div>").addClass("button-0-text").text($(this).parent().attr("data-text")));
...但它不起作用。这是正确的方法吗?任何帮助将非常感激。谢谢^.^
最佳答案
试试这个方法:
$('.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>
关于javascript - jQuery 使用父属性追加元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41142713/