関数内のJquery/Javascriptターゲット

Question

私はこのように2つの画像を呼び出す関数を持っています。

$('#image1').bind('click',doNext); 
$('#image2').bind('click',doNext); 

どの機能が呼び出されたかを知る必要があります。 doNext内

function doNext(){ 
if(target == $('#image1'){ 
    alert('image1'); 
    }else{ 
    alert('image2'); 
    } 
} 

Answer 1

thisので、生のDOM要素になります。

あり

function doNext() { 
    if (this.id === "image1") { 
     alert('image1'); 
    }else{ 
     alert('image2'); 
    } 
} 

あなたが特にあなたのコードでそれをしたので、私はidに分岐するんだけど、通常はあなただけとの対話オブジェクト。

jQuery関数を使用する必要がある場合は、生のDOM要素をjQueryオブジェクト（var $this = $(this);）にラップしますが、上記のようにしてidを参照する必要はありません。あなたがイベント（this）に夢中れている要素、およびはイベント（event.target）をトリガーしていることの要素：jQueryのイベントハンドラ内

、あなたはへのアクセス権を持っている二つの重要なDOM要素（少なくとも）があります。あなたのケースでimgは、他の要素を含めることはできませんので、image1とimage2がimg要素であると仮定し、それらが同じになるだろうが、他の要素（div、pを含めることができる要素の場合など  —例えば、ほとんどの要素）、event.targetはthisと異なる場合があります。あなたは、段落をクリックすると、あなたがdivにイベントを夢中ので、あなたが...

DIV 
P

を得るでしょう

<div id="foo"> 
    <p>Blah blah blah</p> 
</div> 

この

$("#foo").click(function(event) { 
    alert(this.tagName); 
    alert(event.target.tagName); 
}); 

、しかし：あなたが持っていると言いますそれはpのクリックによってトリガーされました。 （これはイベント委任の基礎です）

Answer 2

attr()関数を使用して、要素のIDを取得します。あなたがこれを行うことができるようにまた、私はさらに両方の画像に共通するクラスを追加することで、これを単純化する：

$('.myimages').click(function() { 
    if($(this).attr() == 'image1') { 
     alert('image1'); 
    } 
    else { 
     alert('image2'); 
    } 
}); 

Answer 3

あなたはevent.targetを使用することができます。

function doNext(event){ 
if($(event.target).attr('id') == 'image1'){ 
    alert('image1'); 
    }else{ 
    alert('image2'); 
    } 
} 

Answer 4

あなたがでevent.targetを得ることができますイベントハンドラ関数：

function doNext(event) { 
    var target = event.target; 
} 

また、thisがクリックされた要素を参照します：

function doNext() { 
    var clickedID = this.id; 
} 

Answer 5

var id = $(this).attr('id'); 
if (id == 'image1') { 
    alert('image1'); 
} else{ 
    alert('image2'); 
} 

Answer 6

$(document).ready(function() { 

$('#image1').click(function(){doNext('image1')}); 
$('#image2').click(function(){doNext('image2')}); 
}); 

doNext = function (target){ 
if(target == "image1"){ 
    alert('image1'); 
    }else{ 
    alert('image2'); 
    } 
}