Доступ к тексту внутри тега ‹li›

У меня есть список элементов <li>, которые перетаскиваются с помощью перетаскивания jQuery. Я хотел бы получить текст внутри тега <li> сразу после удаления элемента, добавить текст в глобальную переменную, чтобы выбранные значения могли быть отправлены в сервлет.

Чтобы обработать функциональность при удалении элемента, я могу использовать обратный вызов jQuery ниже:

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

Как я могу получить текстовое значение внутри тега <li> и добавить его к глобальной переменной?

Спасибо


jquery jquery-ui jquery-ui-draggable jquery-ui-droppable
person blue-sky    schedule 15.05.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Вы можете использовать ui.draggable.text() в событии drop droppable.

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

Или ui.helper.text() в событии stop draggable.

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

arrow_upward
1
arrow_downward

Вы можете взять текст из ui.helper, представляющего перетаскиваемый объект:

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

ui.helper также доступен для droppable.

person Sampson    schedule 15.05.2012