JQuery упростить выбор для OnClick событие

Question

Что-то выглядит не так с (неэффективное):

$($('.feature-s').siblings()).children().children('a[data-target=#deleteModal]').parent().parent().click(); 

Я хочу, чтобы выбрать интервал, где:

/html/body/div/div/div/div[1][class="feature-s"] 
/html/body/div/div/div/div[2]/span/a/i/span <= click 

Но не там, где:

/html/body/div/div/div/div[1][class="something else"] 
/html/body/div/div/div/div[2]/span/a/i/span <= not handled 

Я воссоздал ситуации здесь:

http://jsfiddle.net/brianray/ncu6u/

Если мой селектор в порядке, просто скажите это. Я просто чувствую, что должен быть лучший способ выбрать эту кнопку на основе существующего dom.

Спасибо!

Answer 1

Самый простой и быстрый (из всех других ответов) является:

$('.feature-s + div a[data-target="#deleteModal"]') 

См jsperf:

Answer 2

Я думаю

$('.feature-s').siblings() 

уже возвращает объект JQuery, так что вы не должны обернуть его в $().

В целом кажется хорошо. Надеюсь это поможет.

Answer 3

проверить jsFiddle ниже. Вы можете напрямую выбирать элементы, которые появляются непосредственно после использования функций с помощью селектора +.

$('.feature-s + div').find('a[data-target="#deleteModal"]').click(function(){ 
    alert('hey'); 
    return false; 
}); 

Образец ниже работает просто отлично и эффективнее.

http://jsfiddle.net/ncu6u/1/