упрощающие селектора jQuery

Question

При написании плагина я обнаружил, что мне нужна динамическая система для выбора определенных элементов или групп элементов для выполнения кода. Хотя код, который у меня работает, полностью прекрасен, я чувствую, что они могут быть лучшим способом сделать это, но, похоже, не могут что-то прояснить.

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

Как вы можете видеть, это абсурдно долго и досадно читать. Для всех, кого я знаю, это лучший способ сделать это, но если бы у кого-нибудь были какие-то замечания по этому поводу, я был бы признателен.

Answer 1

Это распространенный код @Turk.

Но вы можете возражаете в использовании переменных, чтобы сделать ваш селектор короче ..

Что-то простое, как:

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 
});