javascript - jQuery 无法通过 ID 找到 IMG 组件

Question

我有一个网页包含这样的代码:

<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为的元素？

Answer 1

使用attribute selector对于 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">