想显示父值和子值?

时间:2011-08-01 12:11:30

标签: jquery html jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

我需要显示父值和子值。但在这里,我只有一方面的价值。但我需要双方。

例如:

我的列表如下:

title1
  yellow
  pink

title2
  green
  rose

如果我拖动黄色并将其放入title2。那么我必须像这样显示父母和孩子的价值

title1_pink(yellow drag and placed it into title2)
title2_green
title2_yellow
title3_rose

这里是小提琴链接:http://jsfiddle.net/thilakar/mwypv/16/

1 个答案:

答案 0 :(得分:0)

你可以这样做:

var origTitle;
var origColor;
$(".droptrue").sortable({
    connectWith: "ul.mt",
    dropOnEmpty: true,
    start: function(event, ui) {
        origColor = ui.item.text();
        origTitle = ui.item.parent().siblings('.Tbltitle').text();
    },
    stop: function(event, ui) {
        var order = [];

        ui.item.closest('ul').children('li').each(function() {
            order.push($(this).data('position'));
            var c = $(this).text();
            if (c === origColor) {
                var z = origTitle;
            } else {
                var z = $(this).parent().siblings('.Tbltitle').text();
            }
            $("#cl").append(z + "_" + c + "<br />");
        });
    }
});

在这里小提琴:http://jsfiddle.net/nicolapeluchetti/mwypv/17/