こんにちは私はそれに4つの画像を持つコンテナdivを持っています。私はコンテナにホバーイベントを設定して、コンテナの上にマウスを置くと、そのコンテナ内のどのイメージが現在ホバリングされているかを教えてくれます。これを行う方法はありますか?私は$(".container img").hover()
のようにイメージ上でホバーイベントを行うことができますが、それは私がする必要があるためには機能しませんので、コンテナのホバーイベントから作業する必要があります。jQueryマウスが現在マウスオーバーしている子要素を取得
2
A
答えて
2
私はjsfiddleを使用してサンプルを作成し、あなたはそれはあなたが望むものであるかどうかを確認することができました。
$(".container").on("hover", "img", function(e){
var $target = $(e.currentTarget);
$out.html($target.attr("src"));
})
0
これを試してみてください。イメージの代わりにDivsので、私はテストするのが簡単でした。 :)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('div').hover(function() {
$('#out').html($(this).attr('tag'));
})
});
</script>
<style type="text/css" media="screen">
div { height: 40px; margin: 10px; border: 2px solid #ddd; }
</style>
</head>
<body>
<div id="name1" tag="one">hey</div>
<div id="name2" tag="two">hey2</div>
<div id="name3" tag="three">hey3</div>
<div id="name4" tag="four">hey4</div>
<p id="out"></p>
</body>
</html>
0
「mouseover」を使用してください。例:http://jsfiddle.net/d4gMS/
$('#container').on('mouseover', function(ev) {
var src = ev.originalEvent.srcElement;
if (src.id !== 'container') {
$('#out').html('hovering ' + ev.originalEvent.srcElement.id);
}
});
関連する問題
- 1. 現在の要素を取得する
- 2. のjQuery:現在の要素の、親「.radioGroup」を取得し、
- 3. オブジェクトJqueryの現在の要素を取得する
- 4. jQueryで現在の要素のクラスを取得
- 5. マウスの現在のDOM要素obj [イベントリサイズ中] jQuery-ui
- 6. jQuery:現在の要素の直後に次の要素を取得
- 7. 現在のマウスの位置を取得
- 8. VB.netでマウスが現在使用しているフォームのハンドルを取得
- 9. jquery子要素の値を取得
- 10. 子要素jQueryのラジオボタン値を取得
- 11. jQueryのslideDown要素が現在
- 12. WPFマウスで要素を取得
- 13. javascriptで現在の要素の1レベル下の要素を取得します
- 14. scipy.ndimage.filters.generic_filterの現在の要素を取得する
- 15. 現在のマウス座標を取得します
- 16. jquery関数パラメータの現在の要素
- 17. 子要素のデータを親要素の子要素から取得する
- 18. マウスオーバーする要素
- 19. Magnificent Popup:コールバックの現在の要素を取得
- 20. jqueryの要素の子要素の配列を取得する方法
- 21. jQuery UIのドラッグされた要素の子要素を取得する方法
- 22. 子供がいない要素を取得する
- 23. Jqueryを使用して現在のURLを取得する
- 24. jQuery - jQuery要素として配列から要素を取得しますか?
- 25. jQueryの子要素を取得するには?
- 26. Jqueryで子要素をインデックスで取得する方法は?
- 27. tinyxml2の子要素を取得する
- 28. マウスが内側の要素の上にあるときのマウスオーバーを失う
- 29. jQuery現在のセッションでリクエストを取得
- 30. Xmlノードの子要素を辞書として取得する
imgのホバーは機能しません。必要な振る舞いの完全な説明はHTMLのように役立ちます....あなたは何を試しましたか? – charlietfl