$（this）がクリックイベントで配列されているかどうかを調べる方法

Question

idの値が4つの配列にあります。各配列には、まだ入れていないh1とpのテキスト値が割り当てられます。今は、配列graphicDesign内の画像の1つがクリックされた場合に警告するようにしようとしています。私はあなたがtypeofを使用することができます$ .inArray

DEMO

var graphicDesign = [$('#design'), $('#DD'), $('#SElogo')]; 
var webDesign = [$('#bootstrap'), $('#farm'), $('#pong'), $('#SE'), $('#dung')]; 
var programming = [$('#SE'), $('#dung'), $('#sacar')]; 
var other = [$('#firm')]; 

function categories() { 
    if ($.inArray(this, graphicDesign) > -1) { 
    alert('hello'); 
    } 
} 

Answer 1

DOMオブジェクトを配列に格納して、$ .inArrayと一致させないでください。 IDや別の属性を使用する方が良い解決策です。例えば

：

https://jsfiddle.net/1f9xd3t0/

var graphicDesign = ['design', 'DD', 'SElogo']; 

function categories(id) { 
    if ($.inArray(id, graphicDesign) > -1) { 
    alert('hello'); 
    } 
} 

categories('design'); 

Answer 2

を使用してみましたが、ここでの例です。

// Objects 
typeof {a:1} === 'object'; 

// use Array.isArray or Object.prototype.toString.call 
// to differentiate regular objects from arrays 
typeof [1, 2, 4] === 'object'; 

Answer 3

Array.indexOfは（）と同じことをしてネイティブ関数です。

graphicDesign.indexOf(this) > -1は、あなたが書いたものと同等です。

thisは、この関数をオブジェクトに代入してメソッドとして呼び出さない限り、グローバルオブジェクトを参照しています...しかし、次にあなたがオブジェクトであるかどうかを調べようとしていますそれを呼び出すのはgraphicDesign配列の中にありますか？ここで

がアラートを解雇でしょう使い方の例です：

var graphicDesign = [ {} ] 

graphicDesign[0].categories = function() { 
    if (graphicDesign.indexOf(this) > -1) { 
    alert('the object this method was called on is inside the graphicDesign array') 
    } 
} 

graphicDesign[0].categories() 

それはあなたが達成しようとしているまさに不明確だなど、しかし（あなたは、クリック検出に言及したが、何のクリックハンドラは、ここではありません）... ...私はこれが助けてくれるといいのですか？

Answer 4

eventオブジェクトをcategories()に渡す必要があります。

$('.portPic').click(function(e) { 
    // ... 
    categories(e); 
}); 

function categories(e) { 
    console.log(e.target); 
    if ($.inArray(e.target, graphicDesign) > -1) { 
    alert('hello'); 
    } 
} 

そしておそらくあなたの配列にid年代ではなく、jQueryのオブジェクトを使用してUPDATE。

var graphicDesign = ['design', 'DD', 'SElogo']; 

次にcategories()でe.target.idを使用しています。

Answer 5

$ .inArrayのこのブロックはうまくいきますが、間違った場所に置くと、常に-1が返され、警告（ 'hello'）を受け取れません。全体のロジックを修正してください。

if ($.inArray(this, graphicDesign) > -1) { 
    alert('hello'); }