使用 jquery 将数据值从父元素追加到子元素

Appending data value from parent to child element using jquery

本文关键字：元素 追加 jquery 数据 使用      更新时间：2023-09-26

我有一个产品网格页面。 每个产品都包装在一个容器div（class="container"）中。该div 在数据部件 id 元素中具有部件号。 嵌套在容器div 中的是一个跨度（类="名称"，其中包含部件名称。 我想使用 jquery 获取父零件编号并将其插入跨度中包含的每个零件名称之后。下面是我的代码：

require(['jquery','domReady'],function($,domReady) {
    domReady(function(){
        $('container').each(function(index,v) {
            var $v = $(v);
            $v.find('span.name').append($v.data('data-part-id'));
        });
    });
});

而不是$v.data('data-part-id')使用$v.data('part-id')或$v.attr('data-part-id')而且容器选择器中还缺少一个点。由于容器是一个类，因此应该$('.container')而不是$('container')所以你的代码应该是 

domReady(function(){
        $('.container').each(function(index,v) {
            var $v = $(v);
            $v.find('span.name').append($v.data('part-id'));
        });
    });

这是工作小提琴

相关文章：