首页 > 解决方案 > jQuery 没有通过 ID 找到 IMG 组件

问题描述

我有一个包含此类代码的网页:

<img class="img-qrcode" id="img_123.000.00.01" 
     src="http://localhost:7777/data/code_img\123.000.00.01.png" 
     alt="./data/code_img\123.000.00.01.png" style="display:none">

我想用 jQuery 找到它。由于某种原因,jQuery 没有通过 ID 找到它,代码如下:

$("#img_123.000.00.01")

添加的屏幕截图显示它返回一个空数组。

这个ID的img存在但是jquery看不到

为什么找不到 ID 的元素?

标签: javascriptjquery

解决方案


使用属性选择器id您不必担心转义类选择器 ( .)

let img = $("img[id='img_123.000.00.01']");
console.log(img.attr('src'))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img class="img-qrcode" id="img_123.000.00.01" 
     src="http://localhost:7777/data/code_img\123.000.00.01.png" 
     alt="./data/code_img\123.000.00.01.png" style="display:none">


推荐阅读