jquery - 元のセレクターと一致するようにイベントが発生する

Question

非常に簡単な解決策を探しているjQueryでのイベントバブリングに関する問題が繰り返し発生します。

このリンクがあるとしましょう：

<a href="http://www.google.com" class="link"><span>Link Text</span></a>

そして、クリック イベントを jQuery に次のようにバインドします。

$('.menu a.item').bind('click', function(e){
    e.stopPropagation();
    e.preventDefault();
    var obj = $(e.target);
    // do something with obj
});

上記および同様のバインディングで常に直面する問題は、要素の内部 HTML に他のタグがある場合、それらのイベントがターゲットになることです。

もちろん、それはすべてうまくいきますが、parent() objがセレクター「a.item」と等しくなるまでparent()をすばやく簡単に実行できる方法があるかどうか疑問に思っています。これにより、href値を取得してそれを何とかしてください。

上記の場合、simple$(e.target).parent().attr('href')が機能しますが、私の場合、子要素の深さが 3 ～ 4 レベルになることがあります。

誰にもアイデアはありますか？