javascript - 更改 Accordion 中父项的颜色

Question

所以我有一个 Accordion ，我需要更改 Accordion 内掉落的元素的颜色，而不是掉落区域内的颜色。这是我目前所拥有的jsfiddle

$("#myAccordion li").draggable({
    appendTo: "body",
    helper: "clone", 
    refreshPositions: true,
    start: function (event, ui) {
        //var name = $(this).closest('.item');
        sourceElement = $(this);
    },   
});

所以我正在设置源元素，然后更改它的 css:

sourceElement.css('color','red');

然后我想在删除元素后再次将其变黑:

$(".projLeader").on('click', '.closer', function(){
    var item = $(this).closest('.item');
    itm.splice(item);
    sourceElement.css('color','black');
    item.fadeTo(200, 0, function(){ item.remove(); })
});

所以我有几个问题。首先是 Accordion 和可放置区域的颜色变化，其次，在删除元素颜色后，用户删除的元素不会变回颜色，而是会更改最后一个放置元素的颜色。有什么帮助吗？谢谢

Answer 1

请更改以下代码

$(".projLeader").on('click', '.closer', function(){
        var item = $(this).closest('.item');
        var element = $("#myAccordion ul li").filter(function() {
                return $(this).text() == item.text(); 
        });
        itm.splice(item);
        element.css('color','black');
        item.fadeTo(200, 0, function(){ item.remove(); })
});

Updated Fiddle