jquery ui selectable：手动/编程选择子项

Question

  

可能重复：
  How to programmatically select selectables with jQuery UI?

有谁知道如何手动或以编程方式选择jQuery UI的子项？？

Answer 1

这不是可选对象所独有的，但如果您只想获取html节点，则可以使用:nth-child()选择器找到here。

$(".selector li:nth-child(2)")

根据您对这个孩子的需求，这可能对您有用。

修改

我想我错过了“选择”的意图。我没有立即看到使用API​​来选择项目的简单方法，但您可以随时将类ui-selected添加到子项目中，而css应该处理其余的事项。但是，这可能不会触发API事件。

或者，你可以做到

$(".selector li:nth-child(2)").click();

单击虚假鼠标进行选择。

Answer 2

从我对this question的回答......

http://jsfiddle.net/XYJEN/1/

function SelectSelectableElements (selectableContainer, elementsToSelect)
{
    // add unselecting class to all elements in the styleboard canvas except the ones to select
    $(".ui-selected", selectableContainer).not(elementsToSelect).removeClass("ui-selected").addClass("ui-unselecting");

    // add ui-selecting class to the elements to select
    $(elementsToSelect).not(".ui-selected").addClass("ui-selecting");

    // trigger the mouse stop event (this will select all .ui-selecting elements, and deselect all .ui-unselecting elements)
    selectableContainer.data("selectable")._mouseStop(null);
}