Question

当拖放项目以便将更改写入数据库时，我需要从被删除项目中的div中获取html。

我似乎无法通过使用最接近的（＆＃39;任务类型＆＃39;）来成功获取HTML。（html（）并且我不确定原因。

我试图使用接收事件。这是一个jsfiddle，我到目前为止，任何帮助都会很棒。

这是代码

var $container = $(".task-container");
var $task = $('.todo-task');

$task.draggable({
addClasses: false,
connectToSortable: ".task-container",
});

$container.droppable({
accept: ".todo-task"
});


$(".ui-droppable").sortable({
placeholder: "ui-state-highlight",
opacity: .5,
helper: 'original',
beforeStop: function (event, ui) {
    newItem = ui.item;
},
receive: function (event, ui) {
//get task-type and task id.
        console.log($(this).closest('.task-header').html());
        var tasktype = $(this).closest('.task-type').html();
        var taskid = $(this).closest('.task-no').html();

        dropElement = $(this).closest('.ui-droppable').attr('id');
        // console.log($(this).closest('.ui-droppable').attr('id'));

        //save the status and the order of the item.
        if (dropElement == "backlog")
        {
            // save the status of the item
        }
        else if (dropElement == "pending")
        {
            // save the status of the 
        }
        else if (dropElement == "inProgress")
        {
        }
        else if (dropElement == "completed")
        {
        }
}
}).disableSelection().droppable({
over: ".ui-droppable",
activeClass: 'highlight',
drop: function (event, ui) {
    $(this).addClass("ui-state-highlight");
}
});

Answer 1

http://jsfiddle.net/h5rt2qgw/7/

var tasktype = $(this).find('.task-type').html();
 var taskid = $(this).find('.task-no').html();
dropElement = $(this).attr('id');

从一个可放置的项目中找到带有类的子div

1 个答案: