Sélection du contenu d'une zone de texte dans un classable, jQuery

Question

J'essaie d'obtenir le contenu d'une zone de texte dans un élément triable dans jQuery ... Je n'arrive pas à le comprendre! Voici ce que j'ai maintenant:

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

Ce doit être si simple que je vais gifler ma tête quand je savoir comment le faire, mais en disant cela, je ne peux pas le comprendre. Quelqu'un peut-il aider?

Answer 1

ui dans la fonction d'arrêt Maintient le juste déplacé triable à ui.item.

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

J'ai aussi changé « #output » à « .output » parce qu'il est pratique courante de ne pas avoir plusieurs éléments avec le même identifiant (en supposant qu'il existe une zone de texte avec un identifiant de sortie dans chacun de vos triables éléments.) Si ce sont des éléments similaires, faites-en la même classe à la place.

Answer 2

EDIT: Pour une zone de texte, le sélecteur "entrée # sortie" ne fonctionne pas. Cela ne fonctionne que pour un TextBox. Pour accéder au contenu Il suffit d'ajouter .val()

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

Answer 3

Il suffit de penser à quelque chose que vous pouvez essayer (sans regarder votre balisage html)

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