Javascript 仅将函数应用于父级

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

我正在学习jQuery,并使用以下Javascript代码:

在另一个问题中,我问了如何将某些内容转换为jQuery,以便能够使用类和用户点解决我的问题:

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”)
;我不知道,谢谢你提供的信息