0

順序付けされていないアイテムのリストがあります（このリストは数百のアイテムの長さになる可能性があります）。ユーザーがアイテムをクリックすると、オプションの右側に選択内容が表示されます。jQueryの選択可能と並べ替え可能の組み合わせを使用しています（ただし、オプションをクリックすると並べ替え可能は失われます）。ユーザーに表示される値は、選択したアイテムのインデックスです。代わりに、ユーザーの広告申込情報のテキスト値を表示したいのですが、予想どおり、text（）値を取得すると、すべての広告申込情報のテキスト値が返されます。

選択したテキストだけを取得してユーザーに表示するにはどうすればよいですか？

HTML：

<ul id="list">
    <li id="Test1">Item 1</li>
    <li id="Test2">Item 2</li>
    <li id="Test3">Item 3</li>
    <li id="Test4">Item 4</li>
    <li id="Test5">Item 5</li>
</ul>

<p id="feedback">
<span>You've selected items:</span>    
    <ul id="select-result">
     <span id="select-resultSpan">
        <li>No Items Selected</li>
     </span>
    </ul>    
</p>

JS：

$(function () {
    $("#list").selectable({
        stop: function () {
            var result = $("#select-resultSpan").empty();
            $(".ui-selected", this).each(function () {
                var index = $("#list li").index(this);
                result.append("<li>" + (index + 1) + "</li>");
            });
        }
    });
});

完全な例はJSFiddleにあります：http：//jsfiddle.net/Jk6ZH/1/

前もって感謝します。

4

3 に答える 3

2

私がこの権利を読んでいるなら、これがあなたが必要とするすべてであると思います：

$(".ui-selected", this).each(function () {

    // this works for me
    result.append("<li>" + $(this).text() + "</li>");
});

http://jsfiddle.net/JuJDt/

于 2013-03-25T17:34:53.810 に答える
0

これを試して：

$("#list li").on("click",function() {
  $("#select-resultSpan").append($(this).text());
})
于 2013-03-25T17:33:49.873 に答える
0 
You have to find innerHTML from index value.
you can also get other attributes with this method.

$(function () {
        $("#list").selectable({
            stop: function () {
                var result = $("#select-resultSpan").empty();
                $(".ui-selected", this).each(function () {
                    var index = $("#list li").index(this);
                    var text = $("#list li").get(index).innerHTML; //  for id you can replace .innerHTML with .id 
                    result.append("<li>" + (text) + "</li>");
                });
            }
        });
    });

ここを参照してください

于 2016-02-19T17:24:09.753 に答える