Javascript 如何使用HTML数据属性返回对象数据?
我目前正在使用HTML数据属性来显示使用Javascript 如何使用HTML数据属性返回对象数据?,javascript,jquery,this,Javascript,Jquery,This,我目前正在使用HTML数据属性来显示使用$(this)单击元素时的基本信息。例如,我有以下HTML代码段: $('.element')。在('click',函数(e)上{ e、 停止传播(); $('#info').slideDown(); var title=$(this.data('title'); var desc=$(this.data('desc'); var icon=$(this.data('icon'); 风险值信息=$('信息'); html(“”+title+“”+icon
$(this)
单击元素时的基本信息。例如,我有以下HTML代码段:
$('.element')。在('click',函数(e)上{
e、 停止传播();
$('#info').slideDown();
var title=$(this.data('title');
var desc=$(this.data('desc');
var icon=$(this.data('icon');
风险值信息=$('信息');
html(“”+title+“”+icon+''+desc+'');
});代码>
在这种情况下,您可以将所有数据放在一个对象中,然后在数据
属性中使用该对象的属性名称在单击
事件处理程序中执行查找,如下所示:
var数据={
傅:{
标题:“标题#1”,
描述:“描述#1”,
图标:“图标#1”
},
酒吧:{
标题:“标题#2”,
描述:“描述#2”,
图标:“图标#2”
}
};
$('.element')。在('click',函数(e)上{
e、 停止传播();
var obj=data[$(this).data('key');
$('#info').html(''+obj.title+'+obj.icon+''+obj.description+'')).slideDown();
});代码>
#信息{
显示:无;
}
洛勒姆
乱数假文
谢谢Rory,这正是我所想的。干杯