javascript - 如何通过 jquery selectable->select 事件显示 LI 的值

Question

我有这个html，代表单词列表：

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

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

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

如何让这个脚本在警报窗口中显示“word1” ？

现在它告诉我' [Object object]'

我来过这里。但这似乎不是很好的解决方案，休息是行不通的。

score 2 · Accepted Answer

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

score 1 · Accepted Answer

1

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

item.innerHTML

于 2013-07-26T21:22:30.487 回答

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

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

4 回答 4