Javascript jQuery:我需要选择元素&x27;单击时的背景属性

Javascript jQuery:我需要选择元素&x27;单击时的背景属性,javascript,jquery,Javascript,Jquery,使用jQuery,当单击此.team member容器时 <div class="team-member"> <div class="team-img team-one"></div> </div> 这是我得到的,它返回正确的类,但我不能再进一步了。甚至可以通过这种方式获取元素的背景属性,还是需要做其他事情 $(".member").click(function(member) { console.log(member.curre

使用jQuery,当单击此
.team member
容器时

<div class="team-member">
    <div class="team-img team-one"></div>
</div>
这是我得到的,它返回正确的类,但我不能再进一步了。甚至可以通过这种方式获取元素的背景属性,还是需要做其他事情

$(".member").click(function(member) {
    console.log(member.currentTarget.children[0].children[0].classList[1])
})  




您可以使用jQuery实现这一点。使用child和each循环遍历所有子项(如果需要)。并获取
背景图像

$(“.team member”)。单击(函数(){
$(this).children().each(函数(){
var background=$(this.css(“backgroundImage”);//这将获取每个子对象的背景
var className=$(this.attr(“class”);//这将获取每个子级的类列表(如果需要)
$(“.result”).append(className+”背景URL为:“+background+”
); }); }) ;
。第一小组{
边缘顶部:15px;
背景:url(“../media/team one.jpg”)不重复50%50%;
背景尺寸:封面;
}
.第二队{
背景:url(“../media/team two.jpg”)不重复50%50%;
背景尺寸:封面;
}
.第三队{
背景:url(“../media/team three.jpg”)不重复50%50%;
背景尺寸:封面;
}
.团队成员{
背景:url(“../media/team member.jpg”)不重复50%50%;
背景尺寸:封面;
}
.结果{
边缘顶部:15px;
}

组员
第一队
第二队
第三队

您可以使用jQuery来实现这一点。使用child和each循环遍历所有子项(如果需要)。并获取
背景图像

$(“.team member”)。单击(函数(){
$(this).children().each(函数(){
var background=$(this.css(“backgroundImage”);//这将获取每个子对象的背景
var className=$(this.attr(“class”);//这将获取每个子级的类列表(如果需要)
$(“.result”).append(className+”背景URL为:“+background+”
); }); }) ;
。第一小组{
边缘顶部:15px;
背景:url(“../media/team one.jpg”)不重复50%50%;
背景尺寸:封面;
}
.第二队{
背景:url(“../media/team two.jpg”)不重复50%50%;
背景尺寸:封面;
}
.第三队{
背景:url(“../media/team three.jpg”)不重复50%50%;
背景尺寸:封面;
}
.团队成员{
背景:url(“../media/team member.jpg”)不重复50%50%;
背景尺寸:封面;
}
.结果{
边缘顶部:15px;
}

组员
第一队
第二队
第三队
$(“.team member”)。单击(函数(){
const backGround=$(this).closest(.team one”).attr('style').split(“;”)[0];
控制台日志(后台);
});
$(“.team member”)。单击(函数(){
const backGround=$(this).closest(.team one”).attr('style').split(“;”)[0];
控制台日志(后台);

});
你的意思是获取css类名吗?@MariosNikolaou我正在尝试获取分配给该类名的背景图像url一旦你有了元素,你可以执行类似于
$('.team one').css('background')
@Prokzy的操作backgroundImage@EvikGhazarian是的,
'background'
将返回整个background属性,如
url(../media/team one.jpg“)不重复50%50%
。您的意思是获取css类名吗?@MariosNikolaou我正在尝试获取分配给该类名的背景图像url一旦拥有元素,您可以执行类似
$('.team one').css的操作(“背景”)
@Prokzy-itsbackgroundImage@EvikGhazarian这是真的,
'background'
将返回整个后台属性,如
url(“../media/team one.jpg”)不重复50%50%
。完美!正是我要找的。我只是输入了member而不是team member完美!正是我要找的。我只是输入了member而不是team member而犯了一个错误
$(".member").click(function(member) {
    console.log(member.currentTarget.children[0].children[0].classList[1])
})