如何使用Jquery UI可选择查找所选元素

Question

我正在寻找关于事件和ui对象的jQuery可选事件的信息:"选择"和"开始"作为参数.我在文档中找不到这个并且通过属性循环没有帮助.

$('#content_td_account').selectable({
    filter: 'li:not(".non_draggable")',
    selecting: function(event, ui) { 
    }
});

具体来说,我想找到正在选择的元素并检查它们以查看它们的父元素是否相同.我假设这将在ui对象的某些地方.

Answer 1

选择元素后,它会ui-selected添加类.

所以你可以得到所有选中的元素 $(".ui-selected")

这可能不完全正常,但我认为这个想法是这样的:

$('#content_td_account').selectable({
  filter: 'li:not(".non_draggable")',
  selecting: function(event, ui) { 
    var p = $(this).parent();
    $(".ui-selected").each(obj, function() {
      if(obj.parent() == p) {
        // get rad
      }
    });
  }
});

Answer 2

您必须使用为组选择中的每个选定项触发的选定和未选定事件.

var selected = new Array();
$("#selectable").selectable({
    selected: function(event, ui){            
        selected.push(ui.selected.id);
    },
    unselected: function(event, ui){
        //ui.unselected.id
    }
});