Javascript 如何在不使用TableContent的情况下编辑一个项目排序表

我有一个排序表，它是从JSON文件加载的。 这是一个可排序的jquery

但我想编辑一个项目。之前的项目是从用户插入的。看看这个例子，我想要第3项。怎么做

现在我想用一个变量的字符串，用JavaScript或jQuery编辑一个项目，例如小鸟。这个变量是从用户在

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>

奇异感觉
珠子般的小眼睛
小鸟

---

求你了，我不想让

内容可编辑

只是一个例子：

<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>

假设您有一个

文本框

，如下所示：

<input type="text" id="your_text">

---

但是我认为您应该拥有与可排序元素数量相等的

textbox

，并且您可以通过其他过程捕获

textbox

的值。

您需要以文本节点为目标或替换元素的完整html。我们无法知道您打算如何定位要编辑的排序表

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

演示：

/*没有给出如何确定要编辑的排序表的关系，请使用第二个排序表*/
var，其可移植值=2；
/*定义要编辑的可排序元素*/
变量$sortablel=$（“#”+可排序项）；
/*存储图标跨html字符串*/
var iconSpan=$（''）.append（$sortabele.find（'.ui icon'）.clone（））.html（）；
$（'textarea'）.keyup（函数（）{
var val=$（this.val（）；
$sortabele.html（iconSpan+val）；
})

您的

文本区在哪里？张贴该图标。
text（）
方法将删除该图标span@MirkoCianfarani因为
find（）
返回jquery对象如何保存项目可排序的新文本？如果您的意思是“保存到服务器”，则必须使用ajaxFor the people（将表单与medoth GET一起使用）
/* 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);    
})