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

Question

我有一个产品网格页面。每个产品都包装在一个容器 div (class="container") 中。该 div 在 data-part-id 元素中有一个部件号。嵌套在容器div中的是一个span(class =“name”，其中包含零件名称)。我想使用jquery来获取父零件编号并将其插入到span中包含的每个零件名称之后。下面是我的代码:

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 代替 $v.data('data-part-id') .attr('数据部分id') 而且容器选择器中还缺少一个点。由于容器是一个类，因此应该是 $('.container') 而不是 $('container') 所以你的代码应该是

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

这里正在工作 fiddle