兄弟姐妹如何删除制作的元素?

时间:2013-10-23 09:45:17

标签: jquery

当我点击黄金时,它只由一个元素组成,而且 单击银色或无限制的时间并删除显示的单击元素的上一个元素。 喜欢联想下载网站驱动程序。

jsfiddle code

youtube video

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

1 个答案:

答案 0 :(得分:2)

只需为您追加的元素添加特殊类

$speedLi.addClass('speed')

然后在追加更多

之前删除它们
$('.speed').remove()

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