jquery - 使用 Jquery 选择 div 中的图像类以进行淡入

Question

我有一个包含两个 img 标签的 div。单击 div，我想将第二个 img 淡入第一个。我有几个这个类的 div，每个都有一个 imgcarddiv 类的 img 标签。我试过了，但没有任何反应。

如何调整此代码？

<div id="card1" class="carddiv">
        <img id="card1imgproxy" src="abc.gif"/>
        <img id="card1img" class="imgcarddiv" src="acespades.png" style="display: none"/>
    </div>    

$(".carddiv").click(function() {
    $("img", this).find(".imgcarddiv").fadeIn("slow");
});

Answer 1

您可以更改为:

$(".carddiv").click(function() {
  $(this).find(".imgcarddiv").fadeIn("slow");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="card1" class="carddiv">
  <img id="card1imgproxy" src="abc.gif" />
  <img id="card1img" class="imgcarddiv" src="acespades.png" style="display: none" />
</div>