javascript - 找到 img 属性并更改 div 内的 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);
}