jquery - 我如何删除兄弟姐妹？

Question

当我点击黄金时，它只由一个元素组成，然后点击银或无限时间并删除之前被点击元素显示的元素。就像联想下载站点驱动程序一样。

jsfiddle代码

Youtube 视频

$(function () {

        var groupTypes = null;

        var count = 0;

        $.getJSON('/api/Groups', null, function (data) {
            groupTypes = data;
            var $list = $('<ol id="selectable" />');

            $.each(groupTypes, function (i, groupType) {
                var $li = $('<li />');
                $li
                    .addClass('ui-widget-content')
                    .attr('data-index', i)
                    .html(groupType.Name);

                $list.append($li);

                $li.on('click', function () {
                    count++;
                    var index = $(this).attr('data-index');
                    $(this).parent().find('li').removeClass('ui-selected');
                    $(this).addClass('ui-selected');

                    var speeds = groupTypes[index].GroupSpeeds;
                    console.log(speeds);
                    var $speedList = $('<ol id="selectable" />');
                    $.each(speeds, function (i, speed) {
                        if (speed) {
                            var $speedLi = $('<li />');
                            $speedLi
                                .addClass('ui-widget-content')
                                .attr('data-index', i)
                                .html(speed.Speed);

                            $speedList.append($speedLi);
                            $(this).parent('#container').nextAll().remove();

                        }
                    });

                    $('body').append($speedList);
                });
            });

            $('#container').append($list);
        });

Answer 1

只需为附加的元素添加特殊类

$speedLi.addClass('speed')

然后在附加更多之前删除它们

$('.speed').remove()

小提琴http://jsfiddle.net/vgPkU/