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