访问 <li> 标签内的文本答案

【问题标题】：Accessing text within <li> tag访问 <li> 标签内的文本
【发布时间】：2012-05-15 15:32:40
【问题描述】：

我有一个<li> 项目列表，这些项目是使用 jQuerys 拖放来拖动的。我想在删除项目时抓取 <li> 标记中的文本，将文本附加到全局变量，以便可以将选定的值提交给 servlet。

要在删除项目时处理功能，我可以使用下面的 jQuery 回调：

stop: function(event, ui) { 
    //update variable here
}

如何获取<li> 标记中的文本值并将其附加到全局变量中？

谢谢

【问题讨论】：

【解决方案1】：

你可以在droppable的drop事件中使用ui.draggable.text()。

drop: function(event, ui) { 
    myVar += ui.draggable.text();
}

或者ui.helper.text()在可拖动的stop事件中。

stop: function(event, ui) { 
    myVar += ui.helper.text();
}

【讨论】：

【解决方案2】：

您可以从ui.helper 中抓取代表拖动对象的文本：

$( "#draggable" ).draggable({
  stop: function( event, ui ){
    globalVar =  ui.helper.text(); 
  }
});

ui.helper 也可用于droppable。

【讨论】：