javascript - jQuery 使用父属性追加元素

标签 javascript jquery html

我正在尝试使用 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/

相关文章:

javascript - Typescript 类中的 jQuery 回调

javascript - Html/javascript 页面在 iPhone 上抛出 404,但在 PC 上运行良好

javascript - 自动单击 slider 上的元素符号以使所有幻灯片自动播放 slider

javascript - 如何在 lodash 的 map 函数中获取 Mongoose findById 响应?

jquery - 请告诉我为什么这不起作用! (基本jquery)

java - 如何访问 JavaScript 文件中的 Spring MVC 模型对象?

javascript - 在搜索之前隐藏所有元素的搜索栏

css - 将 div 粘贴到右下角,但始终位于页脚上方

javascript - 使用 dropzone.js 发送附加参数

javascript - 设置 google.visualization.DataTable 的列宽