Question

我正在尝试在jQuery中的可排序项目中获取textarea的内容......我似乎无法弄明白！这就是我现在所拥有的：

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

这必须如此简单，当我发现如何做到这一点时，我会打动自己的脑袋，但是说，我只是想不出来。有人可以帮忙吗？

Answer 1

考虑一下你可以尝试的东西（不看你的html标记）

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

Answer 2

编辑：对于textarea，“input＃output”选择器不起作用。这仅适用于TextBox。要访问内容，只需添加.val（）

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

Answer 3

stop函数中的

ui 将刚才移动的sortable保存在 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为id的文本框。）如果它们是相似的元素，使它们成为同一个类。

在可排序的jQuery中选择文本框的内容

3 个答案: