1

現在、jQuery を使用して DOM 内の次の div を見つけるのに少し問題があります。タグ<div>内に含まれている I am target fromが原因であると思われます。<a>

私が目指しているのはdiv class="div_name"、ユーザーがホバリングしている間に表示されることですdiv class="island_hover"

HTML:

<div id="interactive_map">
<a href="#"><div class="island_hover" id="1"></div></a>
    <div class="div_name" id="id1"><p>id1</p></div>
<a href="#"><div class="island_hover" id="2"></div></a>
    <div class="div_name" id="id2"><p>id2</p></div>
<a href="#"><div class="island_hover" id="3"></div></a>
    <div class="div_name" id="id3"><p>id3</p></div>
<a href="#"><div class="island_hover" id="4"></div></a>
    <div class="div_name" id="id4"><p>id4</p></div>
<a href="#"><div class="island_hover" id="5"></div></a>
    <div class="div_name" id="id5"><p>id5</p></div>
<div id="interactive_map_close"></div>

jQuery:

$('.island_hover').hover(function() {
    $(this).next('.div_name').fadeToggle(600);
});

私は周りを見回しており、その方法を試しました.nextAllが、役に立ちませんでした。誰かが助けてくれることを願っています。

4

1 に答える 1

0

next()現在のノードの親ノードの周りの兄弟を探します。

ドキュメントから：

一致した要素のセット内の各要素の直後の兄弟を取得します。セレクターが指定されている場合、そのセレクターに一致する場合にのみ、次の兄弟を取得します。

あなたがする必要があります

$('.island_hover').hover(function() {
    $(this).parent().next('.div_name').fadeIn(600);
});
于 2013-06-02T14:08:19.217 に答える