我有拖放 jQuery 脚本,用于将列表项拖动到输入。如何获取 li
之间的文本来设置输入值?我现在 $this
指的是可放置元素。
我的代码如下:
<script type"text/javascript">
$(function() {
$( ".draggable" ).draggable({
revert: "valid"
});
$( ".droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.find( "input" )
.val( "?" )
}
});
});
</script>
</head>
<body>
<div class="left">
<ul>
<li class="draggable">one</li>
<li class="draggable">two</li>
<li class="draggable">three</li>
<li class="draggable">four</li>
</ul>
</div>
<div class="right">
<form>
<div class="droppable">First <input class="droppable" type="text" name="first" value="" /></div>
<div class="droppable">Second <input class="droppable" type="text" name="second" value="" /></div>
<div class="droppable">Third <input class="droppable" type="text" name="third" value="" /></div>
<div class="droppable">Fourth <input class="droppable" type="text" name="fourth" value="" /></div>
</form>
</div>
最佳答案
尝试:
function( event, ui ) {
$( this )
.find( "input" )
.val( $(ui.draggable).text() )
}
}
ui.draggable
参数是已放置的可拖动元素。
All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
ui.draggable - current draggable element, a jQuery object. ui.helper - current draggable helper, a jQuery object ui.position - current position of the draggable helper { top: , left: } ui.offset - current absolute position of the draggable helper { top: , left: }
关于jquery - 如何从删除的 <li> 中获取文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9554286/