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

How to correctly find (and ultimately change) img src attribute using string value?

本文关键字:img 属性 src 字符串 何使用 查找      更新时间:2023-09-26

我有以下HTML:

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

在某个时刻,客户端刷新,我可能需要更改id为"unique.name.status"的图像srcalt。但是,首先,我必须能够找到特定的图像,目前,我得到了一个undefined值,代码如下:

statusimageId = "#" + user_id + ".status";
alert(statusimageId); // confirmed valid: '#unique.name.status'
statusimageSource = $(statusimageId).attr("src");   // returns 'undefined'
alert(statusimageSource);

注意:user_id是从JSON 返回的值

jQuery将其选择器视为CSS。因此,如果statusimageId看起来像#USERID.status,那么jQuery正在查找ID为"USERID"、类为"status"的元素。您需要使用与.不同的约定来添加您的"状态"标志。尝试:

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

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