如何在使用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"));
}   

我希望add功能在源列表中显示包含所选项目的警告框。怎么办呢？

Answer 1

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

或

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

Answer 2

$(...).prop("id");或$(...)[0].id;