Javascript 使用坐标值进行定位

Javascript 使用坐标值进行定位,javascript,jquery,Javascript,Jquery,我有下面的图像映射代码 <area shape="rect" coords="213,109,320,256" href="embedded-processors" alt="Embedded Processor" class="embeded-processor" /> 我可以检索属性coords,它返回“2130109320256”,对于position div,我希望基于此坐标的div position。 最大值是213,左边是109px 如何检索每个值并将其保存在局部变

我有下面的图像映射代码

<area shape="rect" coords="213,109,320,256" href="embedded-processors" alt="Embedded Processor" class="embeded-processor" />

我可以检索属性coords,它返回“2130109320256”,对于position div,我希望基于此坐标的div position。 最大值是213,左边是109px

如何检索每个值并将其保存在局部变量中

var coord = area.getAttribute( 'coords' ).split( ',' );
这将创建一个包含所有
coords
值的数组。然后可以通过
coord[0]
访问顶部值,通过
coord[1]
访问左侧值


这将创建一个包含所有
coords
值的数组。然后,您可以通过
coord[0]
访问顶部值,通过
coord[1]
访问左侧值,Sirko发布的内容不是jQuery,因此jQuery解决方案如下:

var coords = $.map($('.embeded-processor').attr('coords').split(','), parseInt)

您得到的是一个整数数组:
[213,109,320,256]

Sirko发布的不是jQuery,因此这里是jQuery解决方案:

var coords = $.map($('.embeded-processor').attr('coords').split(','), parseInt)
您得到的是一个整数数组:
[213、109、320、256]



点击太阳或其中一颗行星,近距离观察:

0,0
jQuery(“#planetmap area”)。每个(函数(e){
jQuery(this).mousemove(函数(){
jQuery('#dataval').html(jQuery(this.attr('coords'));
jQuery(this).单击(函数(){
jQuery(this.attr('title','SHASHANK');
var current_cordinate=jQuery(this).attr('coords').split(',');
var nextX=数学单元(当前坐标[2])+1;
var NextY=Math.ceil(当前坐标[3]);
var downX=数学单元(当前坐标[2])+1;
var-downY=Math.ceil(downX)+1;
//var new_next_coordinate=jQuery(this).attr('coords',('0,0',+nextX+','+NextY))
//警报(新建下一个坐标.text());
jQuery(jQuery(this).find('coords','0,0',+nextX+','+NextY)).attr('title','SHASHANK');
警报(“提交”);
});
});
});


点击太阳或其中一颗行星,近距离观察:

0,0
jQuery(“#planetmap area”)。每个(函数(e){
jQuery(this).mousemove(函数(){
jQuery('#dataval').html(jQuery(this.attr('coords'));
jQuery(this).单击(函数(){
jQuery(this.attr('title','SHASHANK');
var current_cordinate=jQuery(this).attr('coords').split(',');
var nextX=数学单元(当前坐标[2])+1;
var NextY=Math.ceil(当前坐标[3]);
var downX=数学单元(当前坐标[2])+1;
var-downY=Math.ceil(downX)+1;
//var new_next_coordinate=jQuery(this).attr('coords',('0,0',+nextX+','+NextY))
//警报(新建下一个坐标.text());
jQuery(jQuery(this).find('coords','0,0',+nextX+','+NextY)).attr('title','SHASHANK');
警报(“提交”);
});
});
});

为什么它必须是jQuery?它不需要,但“Wazdesign”将这个问题也标记为jQuery。此外,我的答案给了他一个整数列表,而不是字符串。为什么它必须是jQuery?不需要,但是“Wazdesign”将这个问题也标记为jQuery。此外,我的回答给了他一个整数列表,而不是字符串。