Как получить innerHTML выбираемого элемента jquery?

у меня есть сгенерированный 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>

событие происходит после выбора элемента списка в Примере, который выводится на консоль браузера. Однако вывод " undefined.- Селектор! .. --2--> правильно, как показано в качестве объекта в консоли браузера. Куда я иду? не так?

29
html innerhtml javascript jquery selectable

4 ответов

попробовать

.text () или .HTML-код() вместо .innerHTML

42

использовать .val() вместо .innerHTML для получения значения выбранного параметра

использовать .text() для получения текста выбран вариант

Спасибо за исправления :)

3
$(function() {
        $("#select-image").selectable({
            selected: function( event, ui ) { 
                var $variable = $('.ui-selected').html(); 
                console.log($variable);
            }
        });
    });

или

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

или

$(function() {
        $("#select-image").selectable({
            selected: function( event, ui ) { 
                var $variable = $('.ui-selected').val(); 
                console.log($variable);
            }
        });
    });
1

параметр ui имеет свойство с именем selected, который является ссылкой на выбранный элемент DOM, вы можете позвонить innerHTML об этом элементе.

код $('.ui-selected').innerHTML пытается вернуть innerHTML свойство элемента оболочки jQuery для элемента dom с классом ui-selected

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

демо: Скрипка

0