JQuery - получить идентификатор элемента div с тем же именем класса

Question

Мне нужно выбрать идентификатор od выбирается при нажатии Test1 или Test2.

    <div class="selectable" id="1">
         <span class="ui-state-default">Test1</span></asp:Label>
     </div>

    <div class="selectable" id="2">
         <span class="ui-state-default">Test2</span></asp:Label>
    </div>

Я пытаюсь что-то сделать, но я получаю только хорошее значение в первый раз, я всегда получаю одно и то же значениев следующий раз.

        $(".selectable").selectable({
            stop: function() {
            $(".ui-selected", this).each(function() {
                alert($(".ui-selected").closest("div").attr("id"));
                });
            }
        });

Answer 1

Вам нужно использовать $(this) в вашей функции .each() вместо $(".ui-selected"):

$(".selectable").selectable({
    stop: function() {
        $(".ui-selected", this).each(function() {
            alert($(this).closest("div").attr("id"));
        });
    }
});

В противном случае будет просматриваться только первый .ui-selected (и, следовательно, первый родительский элемент div), и вы получите только первый идентификатор div.