问题描述
|
我正在尝试使用以下方法获取图像SRC:
var SRCNow = $(\'#\'+ID+\'.item\').attr(\"src\");
在此:
<a id=\'17\' href=\'#\' name=\'item\' class=\'tilelink\'><img title=\'17\' id=\'17\' style=\'background:red\'; class=\'item\' src=\'line_tile/t17.png\' /></a>
因此,当我通过单击图像来单击该图像...var ID = $(this).attr(\"id\");
然后我做alert(SRCNow);
,我变得不确定……当它说SRC时。
解决方法
问题是您有两个具有相同ID的元素。这是不允许的。
http://www.w3schools.com/tags/att_standard_id.asp:
定义和用法
id属性指定唯一的id
用于HTML元素。
该ID在HTML中必须唯一
文献。
,首先,html id必须以字母开头(HTML中id属性的有效值是什么?)。
您的特定问题是,必须在id和类
item
之间添加一个空格,如下所示:
var SRCNow = $(\'#\'+ID+\' .item\').attr(\"src\");
,问题是您同时具有LINK和ID为17的图像。ID应该是唯一的。另外,以数字开头的ID无效(据我所记得)。
首先,使您的ID唯一。这样,当您尝试获取图像src时就不需要类过滤器。
<a id=\'link-17\' href=\'#\' name=\'item\' class=\'tilelink\'>
<img title=\'17\' id=\'img-17\' style=\'background:red\'; class=\'item\' src=\'line_tile/t17.png\' />
</a>
var SRCNow = $(\'img-17\').attr(\'src\');
或者您可以遍历图像
var srcs = []; //array of srcs
$(\'images.item\').each(function(){
srcs.push($(this).attr(\'src\'));
})