javascript - 如何在不使用tablecontente的情况下编辑可排序的一项

我有一个可排序的内容，它是从JSON文件加载的。
这是一个可排序的jQuery http://jqueryui.com/demos/sortable

但是我要编辑一项。之前的项目是从用户插入的。以http://jqueryui.com/demos/sortable为例，我想要第3项。如何？

现在，我想用一个变量的字符串用JavaScript或jQuery编辑一个项目，例如Little bird。此变量是从用户插入的textarea。（我知道）。

如何使用变量编辑项目的可排序项？？？

我从textarea收到必须取消的元素名称。

<textarea></textarea>

我知道您如何分析列表，但是如何编辑（更改）名称项的可排序性？

可排序的HTML代码：

<div id="sortparam">

<ul style="" class="ui-sortable" id="sortable">
    <li style="" id="1" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Singular sensation</li>
    <li style="" id="2" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Beady little eyes</li>
    <li style="" id="3" class="ui-state-default"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Little birds </li>
</ul>

</div>

拜托，我不要contenteditable

最佳答案

您要么需要定位文本节点，要么替换元素的完整html。我们无法知道您打算如何针对可排序的对象进行编辑。

以下解决方案存储图标html，并更新该元素的完整html。

演示：http://jsfiddle.net/WZeMH/

/* no relationship given on how to determine which sortable to edit use second one*/
var whichSortable= 2;

/* define sortable element to edit */
var $sortableEl=$('#'+whichSortable);

/* store icon span html string*/
var iconSpan=$('<div>').append( $sortableEl.find('.ui-icon').clone() ).html();

$('textarea').keyup(function(){
    var val=$(this).val();
     $sortableEl.html( iconSpan + val);
})

关于javascript - 如何在不使用tablecontente的情况下编辑可排序的一项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11167988/