javascript - 如何获取可选择的 jquery 元素的 innerHTML？

Question

我有一个 php 生成的列表，其列表项可以使用 jquery 可选小部件进行选择。所有意图和目的的列表是:

<ul id="#select-image">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ul>

并且 jQuery selectable 被声明为:

<script>
    $(function() {
        $("#select-image").selectable({
            selected: function( event, ui ) { 
                var $variable = $('.ui-selected').innerHTML; 
                console.log($variable);
            }
        });
    });
</script>

一个事件在一个列表项被选中后发生，在这个例子中它输出到浏览器控制台。然而，输出是“未定义的”。选择器 $('.ui-selected'). 是正确的，因为它在浏览器的控制台中显示为一个对象。我哪里错了？

Answer 1

尝试

.text()或 .html()而不是 .innerHTML