1

次のようなページにIDがあります：

<div id="1"><div id="inner-1" style="display:none;"></div></div>
<div id="2"><div id="inner-2" style="display:none;"></div></div>
<div id="3"><div id="inner-3" style="display:none;"></div></div>

次に、ホバーの親 ID の可視性を切り替える js があります。

var toggleAuthor = function(id) {
    jQuery('#inner-'+id).fadeIn();
};

var toggleAuthorOff = function(id) {
    jQuery('#inner-'+id).delay(1000).fadeOut();
};

問題は、そこにホバリングIDを送信する方法です。ホバリングIDをvarに割り当てて送信する必要があると思います。

var aid = 38;
jQuery(aid).hover(function() {
    toggleAuthor(aid);
}, function() {
    toggleAuthorOff(aid);
});

しかし、ホバリングIDのみを取得するにはどうすればよいですか?

前もって感謝します。

4

3 に答える 3

3

それらすべてにクラスを追加します。たとえば、「テスター」とします。

<div id="container">
    <div id="1" class="tester"><div id="inner-1" style="display:none;"></div></div>
    <div id="2" class="tester"><div id="inner-2" style="display:none;"></div></div>
    <div id="3" class="tester"><div id="inner-3" style="display:none;"></div></div>
</div>

次に、次の jQuery を使用します。

$('#container').on('mouseenter','.tester',function() {
    toggleAuthor(this.id);
}).on('mouseleave','.tester',function(){
    toggleAuthorOff(this.id);
});

ここに動作するjsFiddleがあります

于 2013-07-07T09:57:45.543 に答える
1

私はこれを提案します：

<div class="check" id="1">1<div id="inner-1" style="display:none;"></div></div>
<div class="check"  id="2">2<div id="inner-2" style="display:none;"></div></div>
<div class="check" id="3">3<div id="inner-3" style="display:none;"></div></div>

JS:

$(function()
  {
         $(".check").mouseenter ( function (e) { alert(e.currentTarget.id) });
  });

デモ

于 2013-07-08T08:05:43.757 に答える