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

Question

我有一个产品网格页面。每个产品都包装在一个容器 div (class="container") 中。该 div 在 data-part-id 元素中有一个部件号。嵌套在容器 div 中的是一个包含部件名称的跨度（class="name"。我想使用 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'));
        });
    });
});

Answer 1

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

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

这里正在工作fiddle