jQuery UI 선택 가능한 배수에 li 요소의 ID를 추가하는 방법

Question

그래, jQuery UI 플러그인을 선택 가능 (그리드)으로 통합하려고하는데, 선택한 인덱스를 다시 게시하는 방법을 좋아한다. 여기에 내가하고 싶은 것입니다 :

$(function() { 
    $("#selectable").selectable({ 
     stop: function() { 
      var result = $("#select-result").empty(); 
      $(".ui-selected").each(function() { 
       var index = $("#selectable li").attr('id'); 
            // But I want the ids of all the selected elements, 
            // but the id of the first is just getting copied on my site! 
       result.append("#" + (index + 1)); 
      }); 
     } 
    }); 
}); 

Answer 1

시도 :

$(function() { 
    $("#selectable").selectable({ 
     stop: function() { 
      var result = $("#select-result").empty(); 
      $(".ui-selected").each(function() { 
       var index = $(this).attr('id'); 
       result.append("#" + (index + 1)); 
      }); 
     } 
    }); 
});