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]);
}