如何通过jquery selectable-＆gt;选择事件来显示LI的值

Question

我有html，代表单词列表：

    <ul id="words">
        <li>word1</li> 
    </ul>

我尝试使用jquery-ui脚本来显示所选值（在我的例子中是“word1”）

   $("#words").selectable({
        selected : function(event, item) {
            alert(item)
        }
    });

如何让这个脚本在alert-window中显示“word1”？

现在它显示'[Object object]'

---

我一直here。但它似乎不是很好的解决方案，休息只是不起作用。

Answer 1

$("#words").selectable({
    selected: function (event, item) {
        alert(item.selected.innerHTML);
    }
});

Answer 2

你得到了li元素。你会想要它的innerHTML：

item.innerHTML

Answer 3

  $("#words").selectable({
    selected : function(event, item) {
        alert( $(item.selected).html())
    }
});

这是一个jsfiddle - http://jsfiddle.net/qhXvN/4/

Answer 4

The documentation表示第二个参数是一个对象（类型：元素），这意味着它代表DOM节点（li）。要获取该DOM节点的内容，可以使用jQuery选择器$，并包装该节点，然后使用jquery中的.html（）函数返回内容。

   $("#words").selectable({
    selected : function(event, item) {
        var val = $(item).html();
        alert(val);
    }
  });