Question

我的JQuery脚本存在一个问题。

我必须在每次点击其他div时更改Div（母亲）背景，但这些DIV有背景，所以我必须从CHILDER更改为MOTHER div背景。

这是我的剧本：

＆＃13;

$(document).ready(function() {
  $(".room-gallery .sub-images .sub-image").click(function(e) {
    e.preventDefault();
    var currentImage = $(".sub-image").css("background");
    $(".main-picture").css("background", currentImage);
  });
})

＆＃13;

<!-- Gallery Start -->
<div class="room-gallery">
  <div class="col-md-12 clear">
    <div class="main-picture" style="background: url(images/gallery/img-1.jpg) center center no-repeat;">
      <a href="#main-picture"></a>
    </div>
  </div>

  <div class="col-md-4 sub-images clear">
    <div class="sub-image" style="background: url(images/gallery/img-2.jpg) center center no-repeat;"></div>
  </div>
  <div class="col-md-4 sub-images clear">
    <div class="sub-image" style="background: url(images/gallery/img-3.jpg) center center no-repeat;"></div>
  </div>
  <div class="col-md-4 sub-images clear">
    <div class="sub-image" style="background: url(images/gallery/img-4.jpg) center center no-repeat;"></div>
  </div>
</div>
<!-- Gallery End -->

＆＃13;

因此，每次点击.sub-images时，我必须将DIV背景更改为.main-picture。

我不知道我做错了什么:(

你能帮帮我吗？谢谢！

Answer 1

我相信你想要的是：

var currentImage = $(this).css("background");

而不是：

var currentImage = $(".sub-image").css("background");

因为现在它在DOM

中选择了第一个带有.sub-image类的div

从另一个DIV的每次点击更改DIV BG

1 个答案: