Chọn một phần tử và anh chị em của nó

Question

Toggling một yếu tố và anh chị em của nó có thể được thực hiện như sau:

$(this).toggle(); 
$(this).prev().toggle(); 

Kết hợp họ không làm việc:

$(this,$(this).prev()).toggle(); 

Làm thế nào cả hai có thể được lựa chọn cùng một lúc ?

Answer 1

Ngẫu nhiên, trong khi câu hỏi này đã được answered by drinchev , Tôi nghĩ tôi sẽ dán thử nghiệm nhanh này mà tôi vừa làm, sau khi đọc câu hỏi, cũng có tác dụng. Mặc dù ... nó làm tôi ngạc nhiên khi nó đã làm:

$('#recipient').click(
    function(){ 
     var pair = [this, this.previousElementSibling]; 
     $(pair).toggleClass('red green'); 
    });​ 

JS Fiddle demo.

Ngẫu nhiên, một JS Perf loose comparison of the two selector approaches.

---

Sửa để thêm một tức là-(cho đến nay như tôi biết) cập nhật -friendly, mặc dù tôi đang saddling tất cả các trình duyệt với nó, chứ không phải là tính năng phát hiện (còn, cuối cùng tôi nhận ra rằng màu xanh ! = màu xanh lá cây):

function pESibling(n){ 
    var nPS = n.previousSibling; 
    if (!n || nPS === null){ 
     return false; 
    } 
    else if (nPS.nodeType == 1){ 
     return nPS; 
    } 
    else { 
     return pESibling(nPS); 
    } 
} 

var that = document.getElementById('recipient'), 
    pair = [that, pESibling(that)]; 
$(pair).toggleClass('red green'); 
console.log(pair); 
​ 

JS Fiddle demo

Answer 2

Đối với jQuery 1.8+, sử dụng .addBack():

$(this).prev().addBack().toggle(); 

Đối với phiên bản jQuery trước đó, sử dụng các phản .andSelf() cuộc gọi (xem demo):

$(this).prev().andSelf().toggle(); 

Answer 3

cho anh chị em trước và tự:

$(this).prev().andSelf().toggle(); 

.210

cho tất cả các anh chị em và tự:

$(this).parent().children().toggle(); 

Answer 4

Cũng làm việc:

$(this).prev().add($(this)).toggle()