Question

循环的几个div，div中有文字说明的div和图片的div怎样能达到分别点击当前的文字div就让其后图片的div显示

<div class="a" >
<div class="b" > <img src="images/sjx.jpg" /> 说明文字</div>
<div class="c" ><img src="images/hytq4.jpg" /></div>
</div>
<div class="a" >
<div class="b" > <img src="images/sjx.jpg" /> 说明文字</div>
<div class="c" ><img src="images/hytq4.jpg" /></div>
</div>
<div class="a" >
<div class="b" > <img src="images/sjx.jpg" /> 说明文字</div>
<div class="c" ><img src="images/hytq4.jpg" /></div>
</div>

Answer 1

用js

$(document).ready(function(){
    $(".a .b").click(function(){
        $(".a .c").hide();
        $(this).parent("div.a").find(".c").show();
    });
});

希望对你有所帮助，望采纳！