jQuery UI，元素子元素的语法

Question

如何在事件函数中引用元素的子元素？

这种方式不起作用:

$(function() {

    $("#sortable1").sortable({
        start: function() {
            $('#sortable1:first-child').addClass('some')
       },

    });

});

Answer 1

每个可排序项目都分配有一个类:ui-sortable-handle。然后，您可以在 start 回调中选择此选项。

$(function() {
  $("#sortable1").sortable({
    start: function() {
      $(this).find(".ui-sortable-handle").eq(0).addClass('some');
      /* OR:
      $(this).find(".ui-sortable-handle").filter(":first").addClass('some');
      */
    }
  });
});

查看更多:http://api.jqueryui.com/sortable/

如果移动此项目，您添加的类将被保留。如果稍后另一个项目是“第一个”，它也将分配有 some 类。