jQuery selectable() 元素更新值

Question

基本上我要做的是在 selectable() UI 停止运行时更新包含在选定元素中的隐藏输入字段的 value 属性。

如果元素被选中，那么输入的值应该是特定 LI 的 name 属性，而如果元素没有被选中，值应该被更新为空。

HTML 示例：

<ul id="selector">
    <li class="networkicon shr-digg" name="shr-digg">
        <div></div>
        <label>Digg</label>
        <input type="hidden" value="" name="bookmark[]" />
    </li>
    <li class="networkicon shr-reddit" name="shr-reddit">
        <div></div>
        <label>Reddit</label>
        <input type="hidden" value="" name="bookmark[]" />
    </li>
    <li class="networkicon shr-newsvine" name="shr-newsvine">
        <div></div>
        <label>Newsvine</label>
        <input type="hidden" value="" name="bookmark[]" />
    </li>
</ul>

脚本示例：

$(function() {
    $("#selector").selectable({ 
        filter: 'li',
        selected: function(event, ui) {
            $(".ui-selected").each(function() {
                $(this).children('input').val($(this).attr('name'));
            });
        },
        unselected: function(event, ui) {
            $(".ui-selected").each(function() {
                $(this).children('input').val('');
            });
        }
    });
});

Answer 1

$(this).children('input').attr("value", $(this).attr('name'));
...
$(this).children('input').attr("value", '');

这样解决了吗？

http://api.jquery.com/val/:

描述：获取当前值 集合中的第一个元素 匹配的元素。

Answer 2

您的.each 语法不正确，您似乎将语法与$.each 混淆了。应该是：

$(".ui-selected").each(function() {
    $(this).children('input').val($(this).attr('name'));
});