javascript - 如何使用 jquery 获取 html 列表中所选项目的 ID？

Question

我正在使用 jquery 将选定的项目从一个列表传输到另一个列表。源列表 HTML 为

<ul id="source-list">
    <li id="1">Accordion</li>
    <li id="2">Autocomplete</li>
    <li id="3">Tabs</li>
</ul>

这是jquery

jQuery(document).ready(function($) {
    $("#source-list, #target-list").selectable();

    $("#add-button").click(add);
    $("#add-all-button").click(addAll);
    $("#remove-button").click(remove);
    $("#remove-all-button").click(removeAll);

    addHiglightPlugin();      
}); 

function addHiglightPlugin() {
    $.fn.highlight = function() {
        return this
            .addClass("li-transfer-highlight")
            .removeClass("li-transfer-highlight", 400);
    }
}

function add() {
    $eg =  $("#source-list li").innerHTML;
    alert($eg);
    transfer($("#source-list li.ui-selected"));
}   

我希望添加功能显示一个警告框，其中包含源列表中的选定项目。如何做到这一点？

Answer 1

alert($("#source-list li.ui-selected").attr("id"))

或

alert($("#source-list li.ui-selected")[0].id)