jQuery选择下一个< div>元素 [英] jQuery select next <div> element

问题描述

我有一个简单的div布局html，有一个函数，当将鼠标悬停在className为"personal-icon-email"的div上时，我将调用JS函数并显示className为"img-info-mask"的隐藏的div ".

I have a simple div layout html, there is a function that when mouse over the div with className "personal-icon-email", I will call a JS function and display the hidden div with className "img-info-mask".

<div class="user-panel">
<div class="user-panel-avatar"><img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=80"/></div>
<div class="user-panel-username">Frank</div>
<div class="user-panel-info">Hi there, May name is Frank ....</div> 
<div class="personal-icon-email pie-adj" onmouseover="showTips(this);" id="123321"></div>
<div class="personal-icon-hi pihi-adj"></div>
<div class="personal-icon-fav pifav-adj"></div>
<div class="img-info-mask">Contact Frank Now</div>

我正在与此一起使用jQuery，并且已经尝试过:

I was using jQuery with this and I have tried:

function showTips(object){$(object).next('.img-info-masks').show(); }

但是失败了. 我也尝试过

But failed. Also i have tried

function showTips(object){$('#123321').next('.img-info-masks').show();}

仍然无法正常工作.

谁能告诉我哪里出了问题以及我应该怎么做?谢谢你一千个:D

Can anyone tell me what's wrong and what i should do? Thank you a thousand :D

推荐答案

，您还可以使用 nextAll() 代替 next() ，然后找到您的img-info-mask

想要显示所有div.img-info-mask而不是

$(object).nextAll('div.img-info-mask').show();

或想首先包含.img-info-mask

$(object).nextAll('div.img-info-mask:first').show();

这篇关于jQuery选择下一个< div>元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！