Выбор содержимого текстового поля в сортируемом формате jQuery

Question

Я пытаюсь получить содержимое текстовой области внутри сортируемого элемента в jQuery...Кажется, я не могу этого понять!Вот что у меня есть сейчас:

jQuery(document).ready(function() { 
    jQuery("#list").sortable({
        axis : 'y' ,
        revert : 'true' ,
    opacity : 0.5 ,
    stop : function (e, ui) {
        jQuery("input#output"); 
    }
    });                             
});

Это должно быть настолько просто, что я ударю себя по голове, когда узнаю, как это сделать, но, говоря это, я просто не могу в этом разобраться.Кто-нибудь может помочь?

Answer 1

пользовательский интерфейс в функции остановки содержится только что перемещенная сортируемая информация по адресу ui.item.

ui.item.children("textarea.output").val();  //whatever one you may need.
ui.item.children(".output").val();
ui.item.children("textarea").val();

Я также изменил «#output» на «.output», потому что это стандартная практика — не иметь несколько элементов с одним и тем же идентификатором (при условии, что в каждом из ваших сортируемых элементов есть текстовое поле с идентификатором вывода). Если они похожи элементы, вместо этого сделайте их одним и тем же классом.

Answer 2

Просто думаю о том, что можно попробовать (не глядя на разметку HTML)

jQuery(this).children('textarea#output').val();
jQuery(this).children('#output').val(); // this line may be all you need as well

Answer 3

РЕДАКТИРОВАТЬ: Для текстовой области селектор «вход#выход» не работает.Это работает только для TextBox.Чтобы получить доступ к содержимому, просто добавьте .val()

jQuery(this).children("textarea#output").val(); //for a textarea
jQuery(this).children("input#output").val(); //for a textbox