アンカー要素でのimgの検索

Question

特定のアンカーをホバリングして、内部にスパンを見つけて表示するjQueryスクリプトがあります。私が持っている問題がある

$('a.class').live('mouseover', function (e) { 
    $(e.srcElement).find('.class2').fadeTo('slow', 1); 
}); 

：テキスト（テキスト）をホバリング時にホバー効果が働く

<a class="class" href="#"> 
    <img src="img.jpg"/> 
    <p>SOME TEXT</p> 
    <span class="class2"> 
    <p>SOME CONTENT</p> 
    </span> 
</a> 

そして、それを表示するためのスクリプトのようなものだ：だからHTML構造は、のようなものがあります画像をホバーするとはになりません（img.jpg）。私がこれに欠けている理由はありますか？なぜなら、a.classはアンカー内のすべてを取得する必要がありますが、なぜイメージを取得しないのでしょうか？

Answer 1

srcElementは、イベントオブジェクトがwindowオブジェクトにバインドされたときに、以前のバージョンのInternet Explorerで使用されていたプロパティであるため、読んだところが不思議です。最初にevenを呼び出す要素を取得する場合は、e.targetまたはthisのいずれかを使用する必要があります（thisは、使用される場所によって参照が変更されます）。

$("a.class").on("mouseenter", function(){ 
    $(".class2", this).fadeTo("slow", 1); 
}); 

a要素はブロックレベルの要素ではありません。それは約20pxの高さにすぎません。私はライトグリーンであることをアンカーの背景色を変更した下の画像の中に：「SOME TEXT」と大きなキティのイメージは技術的にアンカー内にネストされている間、あなたが見ることができるように

、彼らはその境界の外に落ちる。私たちはブロックするその表示を設定した場合、我々はこれを変更することができます。それを解決し