jQuery-Selektoren vereinfachen

Question

Beim Schreiben eines Plugins benötigte ich ein dynamisches System, um bestimmte Elemente oder Gruppen von Elementen auszuwählen, auf denen Code ausgeführt werden kann. Während der Code, den ich habe, völlig in Ordnung ist, habe ich das Gefühl, dass sie ein besserer Weg sind, es zu tun, aber ich kann nicht alles auffrischen.

$('map[name='+ elem.clicklight.mapName +'] > area[data-group='+ event.target.area.group +']').each(function() { 
    //some stuff to do 
}); 

Wie Sie sehen können, ist das absurd lang und nervig zu lesen. Nach allem, was ich weiß, ist dies der beste Weg, um es zu tun, aber wenn jemand irgendwelche Kommentare dazu hätte, würde ich es begrüßen.

Answer 1

Das ist ein gemeinsamer Code @Turk.

Aber Sie können sich mit der Variablen dagegen Ihre Wähler kürzer machen ..

etwas Einfaches wie:

var el_name = elem.clicklight.mapName; 
var evt_tgt = event.target.area.group; 

$('map[name='+ el_name +'] > area[data-group='+ evt_tgt +']').each(function() { 
    //some stuff to do 
});