Question

一旦用户从小部件中选择一个框，我就无法弄清楚如何从所选元素中获取数据。

我正在使用jquery中的可选小部件： https://jqueryui.com/selectable/#display-grid

我的HTML：

<ol id="Numbers">
            <li class="ui-state-default">1</li>
            <li class="ui-state-default">2</li>
            <li class="ui-state-default">3</li>
            <li class="ui-state-default">4</li>
            <li class="ui-state-default">5</li>
            <li class="ui-state-default">6</li>
            <li class="ui-state-default">7</li>
            <li class="ui-state-default">8</li>
            <li class="ui-state-default">9</li>
            <li class="ui-state-default">10</li>
        </ol>

我不明白如何使用选定的api： https://api.jqueryui.com/selectable/#event-selected

试图在li上使用onclick，但这似乎不起作用：

function testvar() {document.getElementByClass('.ui-selected').innerHTML = "CLICKED ME!";

}

Answer 1

如果你说你想用它做什么会有所帮助：

http://jsfiddle.net/MfegM/2088/

$( "#Numbers" ).selectable({
 selected: function( event, ui ) {
 var el = $(ui.selected);
 var num = el.html();
 $('#result').html("You've selected "+num);
 }
});

Answer 2

如果没有关于你想要完成的事情的更多信息，你不确定会得到多少帮助......

<head>
  <script>

    $( "#Numbers" ).selectable({
    selected: function( event, ui ) {}
    });

    $( "#Numbers" ).on( "selectableselected", function( event, ui ) {} );

  </script>
</head>

Answer 3

$("#Numbers").on('click', '.ul-state-default ', function(){      
alert($(this).val());
})

如何从jquery可选小部件中获取选定的值

3 个答案: