使用jQuery更改内联html图像“src”

Question

我有两个内联HTML图片。

为了简洁起见，我们只是说这个特殊标记很难实现，这两个图像都存在。

一个图片有ID，另一个图片没有，但它有一个带有ID的父div。我想做的是，用原始JS或更小的jQuery更新/更改每个src=""。

图片＃1

<img id="log_im" src="./wp-content/uploads/2015/01/old_logo.png">

图片＃2

<div id="txt_left">
<img style="max-width: 300px; margin-left: -14px;" src="./wp-content/uploads/2015/01/outdatedimage.png">
</div>

Answer 1

$("#log_im").attr('src', 'http://www.example.com/image.jpg');

$("#txt_left img").attr('src', 'http://www.example.com/image.jpg');

Answer 2

第一张图片：

$('#log_im').attr('src','newRoute.png');

第二张图片

$('#txt_left img').attr('src','newRoute.png');

Answer 3

真的不需要为此使用jQuery：

var img_log_im = document.getElementById("log_im");

img.log_im.src = "image url";

var div_txt_left = document.getElementById("txt_left");
div_txt_left.children[0].src = "image url";

可替换地：

var img_log_im = document.querySelector('#log_im');

var div_txt_left_img = document.querySelector("#txt_left img");

Answer 4

在jQuery中一起做 -

$('#log_im, #txt_left img').attr('src','newRoute.png');