javascript - 在 div 中找到 img 属性并更改 src 值

Question

我有一个像这样的结构：

<div id="so1" class="card over"  data-direction="right" gal="gal1" >        
      <div class="front" >
    <img src="img1.jpg" width ="100%;" height ="100%;" alt="">
      </div>         
      <div class="back" style="background-color:#99ca3c;">
      </div>         
</div>

认识到这部分我做

change_it = function (id,effect, img ) {
   $('#' + id).toggleClass(effect);
   $('#' + id).attr('img', img);
} 

我称之为

change_it ("so1", "flipping-right" ,"imgs/img1/2.jpg");

但是它并没有改变它的值，如果我只有父 div 的 id，我如何访问这个 img 属性？我的意思是，结构是div->div->img

Answer 1

您需要找到图像并更改其src属性：

change_it = function (id,effect, img ) {
   $('#' + id).toggleClass(effect);
   $('#' + id).find('img').attr('src', img);
} 

Answer 2

这so1是 div id，但您正在使用

$('#' + id).find('img').attr('src', img);

对于一个 div。

这里需要先找到该div中存在的图片标签，然后修改该图片的src。

Answer 3

如果要将 img 分配给 div ，则可以设置其背景图像。

$('#' + id).css('background-img', 'url(' + imageUrl + ')'