如何使用字符串值正确查找(并最终更改)img src属性?

时间:2014-08-27 20:19:14

标签: javascript jquery html

我有以下HTML:

<img id="unique.name.status" class="icon" src="OffStatus.png" alt="OFFLINE" />

在某些时候客户端会刷新,我可能需要更改ID为{&lt; name.name.status&#39;的图片srcalt。不过,首先,我必须能够找到具体的图片,目前,我使用以下代码获得undefined值:

statusimageId = "#" + user_id + ".status";
alert(statusimageId); // confirmed valid: '#unique.name.status'

statusimageSource = $(statusimageId).attr("src");   // returns 'undefined'
alert(statusimageSource);

注意:user_id是从JSON返回的值

1 个答案:

答案 0 :(得分:6)

jQuery将其选择器视为CSS。因此,如果您的statusimageId看起来像#USERID.status,那么jQuery正在寻找ID为#34; USERID&#34;的元素。和班级#34;状态&#34;。您希望使用与.不同的约定来添加您的&#34;状态&#34;旗。尝试:

<img id="unique_name_status" class="icon" src="OffStatus.png" alt="OFFLINE" />

statusimageId = "#" + user_id + "_status";