정렬 가능한 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 정지 함수에서 방금 이동성을 유지합니다. 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"으로 변경되었습니다. 표준 실습은 동일한 ID를 가진 여러 요소를 갖지 않아야하기 때문에 (정렬 가능한 각 항목에 출력의 ID가있는 텍스트 상자가 있다고 가정합니다.) 비슷한 경우 요소, 대신 동일한 수업으로 만드십시오.

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

편집하다: Textarea의 경우 "입력#출력"선택기가 작동하지 않습니다. 이것은 텍스트 상자에만 작동합니다. 내용에 액세스하려면 .val ()를 추가하십시오.

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