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

Question

我有一个产品网格页面。 每个产品都包装在容器div中（类=“容器”）。 该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('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'));
        });
    });

这是工作提琴