Выбор содержимого текстового поля в сортируемом, 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

EDIT: Для текстового поля селектор «input # output» не работает. Это работает только для TextBox. Чтобы получить доступ к содержимому только добавить .val()

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

Answer 3

Просто думать о чем-то вы можете попробовать (не смотря на свой HTML-разметки)

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