jquery - 通过可嵌套更改时将按钮删除/添加到类别

Question

我有一个包含子类别的类别列表，由 nestable.js 制作。所以我可以轻松地将其拖放到新位置。所以我可以轻松地创建一个类别子类别，反之亦然。但是现在，在我更改了类别字段后，我只想在需要时删除或添加子/父母类别的红色按钮。

例如，看下面的图片。如果我想让字段“Gamma”成为“Hubo”的子字段怎么办？那么 Gamma 必须得到一个红色按钮，并且应该删除“Hubo”的红色按钮。

这是我到目前为止的代码，但它不起作用......

 $.ajax({
            type: "POST",
            url: '{{route('admin.categories.save-nested-categories')}}',
            async: true,
            dataType: 'json',
            data: {nestableOutput: nestableOutput},
            success: function (response) {

                     console.log(response['name']);

                     var dataContents = [];
                     $('.dd-item').each(function() {
                     dataContents.push($(this).attr('data-content'));

                     });

                        for (let i = 0; i < dataContents.length; ++i) {
                            console.log(response['name'][i]);
                            console.log(dataContents);
                            if(JSON.stringify(dataContents[i]) == 'true' && JSON.stringify(response['name'][i]) == 'true'){
                             $("li[data-id='"+ (i+1) +"']").find('form').hide()
                            }

                        }

// 在控制器中

  $categories = Category::all();

    $disables = [];

    foreach($categories as $category){
        if($category->subcategory->count() == 0){
            array_push($disables, true);
        } else{
            array_push($disables, false);
        }

    }

    return response()->json(['name' => $disables]);
}