Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用HTML数据属性返回对象数据?_Javascript_Jquery_This - Fatal编程技术网

Javascript 如何使用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

我目前正在使用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+''+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,这正是我所想的。干杯