Javascript 如何在jquery中从多个div中选择特定div

我有类似的东西，我需要在每个家长的主div中显示每个名为“plink”的div，所以我尝试fadeIn“.plink”，但它对“plink”的所有div都执行相同的功能

$（文档）.ready（函数（）{
$（'.plink'）.hide（）；
$（'.project'）.mouseover（函数（）{
$（this.next（'.plink'）.fadeIn（400）；
});
$（'.project'）.mouseleave（函数（）{
$（this.next（'.plink'）.fadeOut（200）；
});
});
测试1
测试2

您可以使用

find（）

而不是

next（）

$(this).find('.plink').fadeIn(400);

因为

此

是您的

.project

div，所以您需要“查找”正在查找的子元素。使用

next（）

意味着您将获得与选择器匹配的下一个元素（即检查下一个

.project

div是否与

.plink

选择器匹配）

您可以使用

find（）

而不是

next（）

$(this).find('.plink').fadeIn(400);

---

因为

此

是您的

.project

div，所以您需要“查找”正在查找的子元素。使用

next（）

意味着如果下一个元素与选择器匹配，您将获得下一个元素（即，检查下一个

.project

div是否与

.plink

选择器匹配）

我将按照穆塞凡建议的查找路径进行查找。以下是解决方案代码：

去
戈普拉斯
照片
测试1
去
戈普拉斯
照片
测试2
​
$（'.plink'）.hide（）；
$（'.project'）.mouseover（函数（）{
$（this.find（'.plink'）.fadeIn（400）；
});
$（'.project'）.mouseleave（函数（）{
$（this.find（'.plink'）.fadeOut（200）；
});​

---

我用JSFIDLE的简单文本替换了损坏的img链接。

我会按照musefan建议的查找路线进行查找。以下是解决方案代码：

去
戈普拉斯
照片
测试1
去
戈普拉斯
照片
测试2
​
$（'.plink'）.hide（）；
$（'.project'）.mouseover（函数（）{
$（this.find（'.plink'）.fadeIn（400）；
});
$（'.project'）.mouseleave（函数（）{
$（this.find（'.plink'）.fadeOut（200）；
});​

---

我用JSFIDLE的简单文本替换了损坏的img链接。

@wirey:是的。。我不想，但我强迫自己通过了疼痛屏障；）美好的还有一个缪斯迷+1:）@Chris:谢谢，我自己这么说是不对的。。。但我坐在这里只是在等待它的发生：Dit花了10分钟来确认正确的答案，这就是：）@威利：是的。。我不想，但我强迫自己通过了疼痛屏障；）美好的还有一个缪斯迷+1:）@Chris:谢谢，我自己这么说是不对的。。。但我坐在这里只是在等待它的发生：Dit花了10分钟来确认正确的答案，这就是：）！

<div class="project">
    <div class="plink">
        <div class="go">go</div>
        <div class="goplus">goplus</div>
     </div>
     <div class="pic">pic</div>
     <div class="title">Test1</div>
</div>

<div class="spacer_project"></div>

<div class="project">
    <div class="plink">
        <div class="go">go</div>
        <div class="goplus">goplus</div>
    </div>
    <div class="pic">pic</div>
    <div class="title">Test2</div>
</div>​

$('.plink').hide();

$('.project').mouseover(function(){
  $(this).find('.plink').fadeIn(400);
});
$('.project').mouseleave(function(){
  $(this).find('.plink').fadeOut(200);
});​