Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可选择-跳过元素_Javascript_Jquery_Jquery Ui_Jquery Selectors - Fatal编程技术网

Javascript 可选择-跳过元素

Javascript 可选择-跳过元素,javascript,jquery,jquery-ui,jquery-selectors,Javascript,Jquery,Jquery Ui,Jquery Selectors,我有: 小提琴: 跳过元素的最佳方法是什么?我想要一个长方形或正方形 一些例子: 1) 我选择了a1、a2、b1、b2——这是可以的 2) 我选择了a1,a2,a3,b1,b2,b3-这是确定的 3) 我选择了a2,b2-这没问题 4) 我选择了: a1、a2、a3、a4 b1、b2、b3、b4 c1、c2、a4//a3类编号 首被告、次被告、第三被告、第四被告 所以,我想要一个矩形或正方形。应始终首先选择该选项(在本例中为a1),并拒绝(a1、a2、b1、b2)以外的选项-因此,应拒绝c3(类

我有:

小提琴:

跳过元素的最佳方法是什么?我想要一个长方形或正方形

一些例子:

1) 我选择了a1、a2、b1、b2——这是可以的

2) 我选择了a1,a2,a3,b1,b2,b3-这是确定的

3) 我选择了a2,b2-这没问题

4) 我选择了:

a1、a2、a3、a4

b1、b2、b3、b4

c1、c2、a4//a3类编号

首被告、次被告、第三被告、第四被告

所以,我想要一个矩形或正方形。应始终首先选择该选项(在本例中为a1),并拒绝(a1、a2、b1、b2)以外的选项-因此,应拒绝c3(类别编号)中向上和侧向的TD

这可能吗?如果是,怎么做?:)

选项1)
过滤器中使用选择器

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

        console.log(selected);
    }
});


选项2)使用
查找中的选择器:

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

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

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

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

        console.log(selected);
    }
});