如何获得可选jQuery元素的内部HTML?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (39)

我有一个php生成的列表,它的列表项可以使用jQuery可选择的小部件进行选择。所有意图和目的的清单是:

<ul id="#select-image">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ul>

jQuery可选择的声明为:

<script>
    $(function() {
        $("#select-image").selectable({
            selected: function( event, ui ) { 
                var $variable = $('.ui-selected').innerHTML; 
                console.log($variable);
            }
        });
    });
</script>

事件在列表项被选中后发生,在该事件输出到浏览器控制台的示例中。然而,输出是“未定义的”。选择器$('.ui-selected').是正确的,因为它显示为浏览器的控制台中的一个对象。我哪里出错了?

提问于
用户回答回答于
用户回答回答于

使用.val()而不是.innerHTML用于获取所选选项的值

使用.text()用于获取所选选项的文本

扫码关注云+社区

领取腾讯云代金券