如何確定jQuery滑塊句柄的優先級？

我有兩個滑塊手柄，並附有<span>。含義滑塊也可以通過連接跨度來控制。如何確定jQuery滑塊句柄的優先級？

enter image description here

是給出代碼：

//jquery code 
$('#slider').slider({ 

    values: [0, 0] 


    var handle1 = $('#slider a.ui-slider-handle, ui-state-default, ui-corner-all').first(); 
    handle1.append('<span class="sidecar"></span>'); 

    var handle2 = handle1.next(); 
    handle2.append('<span class="sidecar2"></span>'); 
} 


//css code 
.sidecar { 
    position: absolute; 
    top: 50px; 
    left: 0; 
    width: 20px; 
    height: 20px; 
    background: #f00; 

} 

.sidecar2 { 
    position: absolute; 
    top: 80px; 
    left: 0; 
    width: 20px; 
    height: 20px; 
    background: #000000; 

}

enter image description here