获取有序列表jquery中可选元素的文本

Question

我有以下有序列表：

<ol class="list">
    <li id="1">one</li>
    <li id="2">two</li>
    <li id="3">three</li>
 </ol>

我只是想得到可选择的li的文字。我的意思是，当我点击其中一个元素时，我想得到这个元素的文本。我试着这样：

$(function() {
        $( ".list" ).selectable({
          stop: function() {
            $( ".ui-selected", this ).each(function() {
                 alert($(".list li").text());
            });
          }
        });
    });

但是有了这个，我只得到列表中所有<li>个元素的文本，而不是一个可选择<li>的文本 有解决方案吗？

Answer 1

这是工作fiddle。

<强> JS

$(function() {
        $( ".list" ).selectable({
          stop: function() {
            $( ".ui-selected", this ).each(function() {
                 console.log($(this).text());
            });
          }
        });
    });

注意：使用$(this)代替$(".list li")。