Javascript jQuery UI可选:获取所选项目的文本

Javascript jQuery UI可选:获取所选项目的文本,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,此代码来自jQuery可选UI。如何修改此选项以将文本值附加到选定的而不是索引中 我尝试了很多方法都没有成功: 变量索引=$li.text;附加一切 var index=$selectable li.html;这将附加第一项并停止 从: 获取匹配集合中每个元素的组合文本内容 元素,包括其子元素 从: 获取匹配元素集中第一个元素的HTML内容 元素 你可以试试这个: $("#selectable").selectable({ stop: function () { var

此代码来自jQuery可选UI。如何修改此选项以将文本值附加到选定的而不是索引中

我尝试了很多方法都没有成功:

变量索引=$li.text;附加一切 var index=$selectable li.html;这将附加第一项并停止 从:

获取匹配集合中每个元素的组合文本内容 元素,包括其子元素

从:

获取匹配元素集中第一个元素的HTML内容 元素

你可以试试这个:

$("#selectable").selectable({
    stop: function () {
        var text = $(this).children(".ui-selected").map(function () {
            return $(this).text();
        }).get().join('; ');
        $("#select-result").text(text);
    }
});
这将使用获取每个选定项的文本。它返回一个jQuery对象,该对象实际上包含字符串对象,而不是DOM元素,因此用于获取字符串数组。然后使用组合键组合字符串

来自:

$("#selectable")selectable({
    stop: function () {
        var text += $(this)children(".ui-selected").map(function () {
            return $(this).text();
        }).get().join('; ');
        $("#select-result").text(text);
    }
});
获取匹配集合中每个元素的组合文本内容 元素,包括其子元素

从:

获取匹配元素集中第一个元素的HTML内容 元素

你可以试试这个:

$("#selectable").selectable({
    stop: function () {
        var text = $(this).children(".ui-selected").map(function () {
            return $(this).text();
        }).get().join('; ');
        $("#select-result").text(text);
    }
});

这将使用获取每个选定项的文本。它返回一个jQuery对象,该对象实际上包含字符串对象,而不是DOM元素,因此用于获取字符串数组。然后使用组合键组合字符串

是的,我修改了你的例子,但你能解释一下为什么这样做吗?为什么我不能直接调用.text呢?我正在学习jQuery,所以欢迎您在解决问题时的思考过程。@feed\u me\u code-您可以直接调用.text来获取所有选定项的组合文本,如图所示,但是没有分隔符。当调用多个元素时,.text函数就是这样工作的。将文本放在数组中会给你带来更多的灵活性。是的,我修改了你的示例以使其生效,但是你能解释一下为什么会这样做吗?为什么我不能直接调用.text呢?我正在学习jQuery,所以欢迎您在解决问题时的思考过程。@feed\u me\u code-您可以直接调用.text来获取所有选定项的组合文本,如图所示,但是没有分隔符。当调用多个元素时,.text函数就是这样工作的。在数组中获取文本可以提供更大的灵活性。
$("#selectable")selectable({
    stop: function () {
        var text += $(this)children(".ui-selected").map(function () {
            return $(this).text();
        }).get().join('; ');
        $("#select-result").text(text);
    }
});