javascript - 如何使用Jquery搜索元素

Question

我需要使用 jQuery 动态替换图像并且知道如何替换图像 src使用 jQuery 的值。

但我的主要挑战是找到 <img>标记并获取它的当前值，因为这个 HTML 内容正在显示一些其他 API 而这不在我的控制之下。我只能添加 id属性为外部 div .

这是系统生成的当前 HTML 结构:

<div id="mysection" class="span-20">
      <div class="row">
     <img src="/*/desktop/*/images/404.jpg">
     </div>
</div>

我的目标是找到 src 的值并替换 desktop使用移动设备，但我不确定如何使用 jQuery 找到它。我只知道 jQuery 的 find 方法，但不确定该怎么做。

$( "#mysection" ).find( "src" ).attr('src');

给我未定义

Answer 1

要获取 img src 值，请使用:

var srcVal = $( "#mysection" ).find( "img" ).attr('src');

并将桌面更改为移动使用:

$( "#mysection" ).find( "img").attr('src',srcVal.replace('desktop','mobile'));

DEMO