Javascript jQuery:我需要选择元素&x27;单击时的背景属性
使用jQuery,当单击此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
.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])
})