如何使用图像访问特定的div关联

Question

尝试更改特定div的属性..任何人都可以帮助我

<div class="photoHolder">
<img src="images/img1.jpg">
<div class="figCap">User description </div>
<h3>User Name</h3>
</div>

<div class="photoHolder">
<img src="images/img2.jpg">
<div class="figCap">User description </div>
<h3>User Name</h3>
</div>

现在，如果我点击任何图像...我想要更改某些属性该图像的figCap ...

jQuery

$(".photoHolder img").click(function(event){ 
$(".figCap").slideToggle();       
});

但是它改变了所有的figCap ..我想只有那个与那个pic相关联的... 帮助我

Answer 1

使用this上下文与下一个选择器来定位所需的div：

$(".photoHolder img").click(function(event){ 
  $(this).next().slideToggle();       
});

Answer 2

您需要使用this作为参考，并使用next。

$(".photoHolder img").click(function(event){ 
   $(this).next().slideToggle();       
});