jquery - 兄弟を作る要素を削除するにはどうすればよいですか?

Question

金をクリックすると、それは 1 つの要素のみで構成され、時間内に銀または無制限にクリックし、表示された要素をクリックした前の要素を削除します。Lenovo ダウンロード サイトのドライバーのように。

jsfiddle コード

ユーチューブビデオ

$(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);
        });