文字列の配列に変数をマッチさせますか？

Question

だから私は文字列の配列（私は右のそれをやったと思います）があります。

var editableObjects = ['.body-copy', 'img', '.subhead', '.meta', '.caption', '.hyperlink', '.bullet']; 

マウスの下にある要素を取得する機能：

function getMouseElement(event) { 
    var posX = event.clientX, 
    posY = event.clientY; 
    // get the element that is located under the mouse 
    var overElem = document.elementFromPoint(posX, posY); 
    return overElem; 
} 

そして、このjqueryのリスナー「.editable」の要素にマウスオーバーのための時計：私は何をしようとしている

$('#wrapper').on('mouseover', '.editable', function(event) { 
var m = getMouseElement(event); 
console.log(m.className); /*This correctly returns the tag of the element under the mouse*/ 
for (var c = editableObjects.length - 1; c >= 0; c--) { 
    var o = editableObjects[c]; 
    if (m.className = o) { 
     console.log(m + ' matches ' + o); 
    } else {} 
} 
}); 

、リストを関数を見て、エレメントマウスがあるかどうかでありますoverはeditableObjectsの文字列オブジェクトの1つに一致します。私のforループは、一致する要素のどれかの変数をチェックし、一致するものがあれば何かを実行することになっています。しかし、何時間も経ってからは、実際に一致するかどうかにかかわらず、forループが変数内のすべてのオブジェクトの一致を返すことしかできません。

Answer 1

に=を使用して値を割り当て、等しいかどうかを確認するには、==または===を使用します。 ループよりも組み込み関数を使う方が簡単です。

$('#wrapper').on('mouseover', '.editable', function(event) { 
    var m = getMouseElement(event); 
    if (editableObjects.indexOf(m.className) > -1) { 
     // ... 
    } 
}); 

またはES6 includes()

if (editableObjects.includes(m.className)) 

Answer 2

を使用して、この変更をお試しください：

$('#wrapper').on('mouseover', '.editable', function(event) { 
    var m = getMouseElement(event); 
    console.log(m.className); /*This correctly returns the tag of the 
    element under the mouse*/ 
    for (var c = editableObjects.length - 1; c >= 0; c--) { 
    var o = editableObjects[c]; 
    if (m.className == o) { 
     console.log(m + ' matches ' + o); 
    } else {...} 
    } 
}); 

この行を：if (m.className == o) {あなたのラインながら、値を比較：if (m.className = o) {をシンプルindexOf()は、トリックを行いますあなたが正しい軌道に乗るはずの値を割り当てることができるかどうかをテストします。

Answer 3

[OK]を取得します。私の変数の要素が正しく認識されていないという問題がありました。文字列であり、オブジェクトや実際の要素ではないため、私は推測しています。 "include"メソッドの動作は次のとおりです。

$('#wrapper').on('mouseover', '.editable', function(event) { 
var m = getMouseElement(event); 
// console.log(m.className); /*This correctly returns the class of the element under the mouse*/ 
for (var c = editableObjects.length - 1; c >= 0; c--) { 
    var o = editableObjects[c]; 
    if (m.className.includes(o)) { 
     console.log(m + ' matches ' + o); 
     // addToolTips(m); 
    } else if (m.localName.includes(o)) { 
     console.log(m + ' matches ' + o); 
     // addToolTips(m); 
    } 
} 
});