0

我有这个 jQuery 代码：

$(function() {
    var k = 1;
    $("#categories-picker").on("click", "a.step", function() {
        var id = $(this).attr('data-id');
        var resp = $(this).attr('data-resp');

        $.ajax({
            type: 'GET',
            url: Routing.generate('category_subcategories', {parent_id: id}),
            dataType: "json",
            success: function(data) {
                if (data.length != 0) {
                    $("#cstep" + k).after('<div class="product-left" id="cstep' + (k + 1) + '"><ul id="step' + (k + 1) + '"></ul></div>');
                    var LIs = "";
                    $.each(data, function(index, value) {
                        $.each(value, function(i, v) {
                            LIs += '<li><a class="step" data-id="' + i + '" href="#">' + v + '</a></li>';
                        })
                    });
                    $('#step' + (k + 1)).html(LIs);
                    k++;
                } else {
                    $("#categories-picker").after('<div class="clearfix"></div> <button name="next_step" id="next_step"> Continuar ...</button>');
                }
            }
        });
    });
});

它基本上允许使用来自 AJAX 调用的内容构建 DIV，我需要做以下事情：假设我有 4 个 div，那么如果我单击第一个 div 的任何元素，那么第一个 div 之后的 3 个 div 应该消失或destroy 并且该过程将从一开始就开始，如果我从第二个 DIV 中选择一个元素也会发生同样的情况，那么在这种情况下，我应该在第二个 DIV 之后销毁或消除 2 个 div 并从那里开始该过程，有什么帮助吗？

一些想法

我得到了一些想法，然后离开这里，看看是否有任何可以帮助我的。首先，我将计算使用它创建了多少 DIV：

var count = $("#categories-picker > div").size();

我正在考虑获取我单击的活动 DIV 的 ID（不知道怎么做，所以欢迎任何帮助）然后使用obtainedID.slice(-1)我将获取 ID 的编号，然后以某种方式我可以删除DIV 的其余部分我不再需要了，我的逻辑是否正确？虽然我需要一些帮助，有吗？

4

0 回答 0