可選擇 - 跳過元素

Question

我：

<table id="table" border="1"> 
    <tr><td>a1</td><td>a2</td><td>a3</td><td>a4</td><td>a5</td></tr> 
    <tr><td>b1</td><td>b2</td><td>b3</td><td>b4</td><td>b5</td></tr> 
    <tr><td>c1</td><td>c2</td><td class="no">c3</td><td>c4</td><td>c5</td></tr> 
    <tr><td>d1</td><td>d2</td><td>d3</td><td>d4</td><td>d5</td></tr> 
    <tr><td>e1</td><td>e2</td><td>e3</td><td>e4</td><td>e5</td></tr> 
    <tr><td>f1</td><td>ff2</td><td>f3</td><td>f4</td><td>f5</td></tr> 
</table> 

和：

$("#table").selectable({ 
    filter: 'td:not(.no)', 
    stop: function(event, ui) { 
     var selected = $(this).find('.ui-selected'); 

     console.log(selected); 
    } 
}); 

FIDDLE：http://jsfiddle.net/5RxB2/

如何是最好的方式跳過元素？我想總是一個矩形或方形。

一些例子：

1）I選擇A1，A2，B1，B2 - 這是行

2）I選擇A1，A2，A3，B1，B2，B3 - 這是行

3）I選擇A2，B2 - 這是行

4）予選自：

A1，A2，A3，A4

B1，B2，B3，B4

C1，C2，A4 // A3 haveclass沒有

D1，D2，D3，D4

所以，我想獲得一個矩形或正方形。這應該始終首先選擇（在本例中爲a1）並拒絕其他人（a1，a2，b1，b2） - 因此，這應該拒絕TD向上並從c3（類別no）側向。

這可能嗎？如果是，如何？ :)

Answer 1

項1）在filter使用選擇器：

$("#table").selectable({ 
    filter: 'td:not(.no)', 
    stop: function(event, ui) { 
     var selected = $(this).find('.ui-selected'); 

     console.log(selected.filter(':first,:last')); 
    } 
}); 

Fiddle

---

選項2）在find使用選擇器：

$("#table").selectable({ 
    filter: 'td:not(.no)', 
    stop: function(event, ui) { 
     var selected = $(this).find('.ui-selected:first,.ui-selected:last'); 

     console.log(selected); 
    } 
}); 

Fiddle