Javascript 仅将函数应用于父级
我正在学习jQuery,并使用以下Javascript代码: 在另一个问题中,我问了如何将某些内容转换为jQuery,以便能够使用类和用户点解决我的问题:Javascript 仅将函数应用于父级,javascript,jquery,this,parent,Javascript,Jquery,This,Parent,我正在学习jQuery,并使用以下Javascript代码: 在另一个问题中,我问了如何将某些内容转换为jQuery,以便能够使用类和用户点解决我的问题: var rgb = getAverageRGB($('.first_img')[0]); $('.post').css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')'); 但有一个问题是,当我只想为图片所在的父帖子添加背景色时,它会将背景色添加到所有的“post”类中。我的H
var rgb = getAverageRGB($('.first_img')[0]);
$('.post').css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');
但有一个问题是,当我只想为图片所在的父帖子添加背景色时,它会将背景色添加到所有的“post”类中。我的Html如下所示
<div class="post">
<div class="circle">
<img class="first_img" id="try" src="./img/train.jpg" height="100%">
</div>
<h2 class="title">
The big Lebowski
</h2>
</div>
使用
最接近的
,它正是您所需要的
比如:
jQuery文档中的详细信息。使用
最近的
,它正是您所需要的
比如:
jQuery文档中的详细信息。因此引用元素并以这种方式获取父元素
var img = $('.first_img').eq(0);
var rgb = getAverageRGB(img[0]);
img.parent().parent().css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');
因此,引用元素并以这种方式获取父元素
var img = $('.first_img').eq(0);
var rgb = getAverageRGB(img[0]);
img.parent().parent().css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');
如果希望$(this)
引用每个。首先,依次遍历它们:
$('.first_img').each(function () {
var rgb = getAverageRGB(this);
$(this).closest('.post').css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');
});
如果希望$(this)
引用每个。首先,依次遍历它们:
$('.first_img').each(function () {
var rgb = getAverageRGB(this);
$(this).closest('.post').css("background-color", 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')');
});
仅供参考,如果你所说的“能够使用类”,你不需要jQuery按类进行选择。在jQuery中你怎么能做到这一点,我还没有找到一种方法。你是说没有jQuery<代码>文档。查询选择全部(“.post”)
;我不知道,谢谢你提供的信息,如果你所说的“能够使用类”,你不需要用jQuery按类进行选择。你怎么能在jQuery中做到这一点,我还没有找到一种方法。你是说没有jQuery<代码>文档。查询选择全部(“.post”)
;我不知道,谢谢你提供的信息