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('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'));
        });
    });

这是有效的fiddle

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

1 个答案: