通過樹遍歷選擇元素的多選擇器

Question

$('.myclass').parent().prev().prev(); 
$('.myclass').parent().prev(); 
$('.myclass'); 
$('.myclass').parent().next(); 
$('.myclass').parent().next().next(); 

如何通過jQuery在一行中選擇所有這些元素？

我認爲這個解決方案，但希望有更好的東西：

$('.myclass').parent().prev().prev().addClass('select_me'); 
$('.myclass').parent().prev().addClass('select_me'); 
$('.myclass').addClass('select_me'); 
$('.myclass').parent().next().addClass('select_me'); 
$('.myclass').parent().next().next().addClass('select_me'); 

$('.select_me').fadeOut(); // I select all the previous elements in only 1 line. 

Answer 1

可以使用filter()和index()

idx = $('.myclass').parent().index(); 
$('.myclass').parent().siblings().addBack().filter(function(){  
    return $(this).index() > idx -3 && $(this).index() < idx + 3; 
}).addClass('select_me'); 

做

Live Demo

$('.myclass').each(function(){  
    currentObject = $(this); 
    parent = $(this).parent(); 
    $(this).parent().siblings().filter(function(){ 
     return $(this).index() > parent.index() -3 && $(this).index() < parent.index() + 3; 
    }).add(currentObject).addClass('select_me'); 
}); 

Answer 2

喜歡這個？

$.merge($('.myclass'), $('.myclass').parent().siblings()).fadeOut();