[英]Appending data value from parent to child element using jquery
I have a product grid page. 我有一个产品网格页面。 Each product is wrapped in a container div (class="container").
每个产品都包装在容器div中(类=“容器”)。 That div has a part number in a data-part-id element.
该div在data-part-id元素中具有部件号。 Nested within the container div is a span (class="name" that contains the part name. I want to use jquery to fetch the parent part number and insert it after each part name contained within the span. Below is my code:
嵌套在容器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'));
});
});
});
Instead of $v.data('data-part-id')
use $v.data('part-id')
or $v.attr('data-part-id')
and you also missing a dot in container selector. 代替
$v.data('data-part-id')
使用$v.data('part-id')
或$v.attr('data-part-id')
,您还会在容器选择器中缺少一个点。 Since container is a class, it should be $('.container')
instead of $('container')
So your code should be 由于容器是一个类,因此它应该是
$('.container')
而不是$('container')
因此您的代码应为
domReady(function(){
$('.container').each(function(index,v) {
var $v = $(v);
$v.find('span.name').append($v.data('part-id'));
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.