Блог

Мои данные выглядят примерно так

У меня есть родительский класс, который имеет некоторые атрибуты и список дочерних объектов.

Дочерний класс имеет такие атрибуты, как ID и Name.

Чего я хочу достичь, так это

• При загрузке отображаются все родительские элементы.
• При нажатии на родительский элемент перечислите все дочерние элементы ниже.

Я мог бы добиться этого, используя следующую функцию jQuery

  $(document).ready(function () {
    $(".parent").click(function () {
        $("#child").show();
        var v1 = "parent_"   $(this).attr('id');
        $("#"   v1).slideToggle("slow");
        $("#"   v1).siblings().hide();

    });
  

Эта функция работает хорошо в том, что касается скрытия или отображения div, содержащего дочерние элементы.

Я предоставил кнопку, которая помогает мне добавлять новые родительские элементы.

Аналогичным образом я хочу предоставить кнопку, которая поможет мне добавить дочерний элемент в выбранный родительский элемент.

Я не уверен, как указать родительский идентификатор при нажатии кнопки в дочернем элементе div.

Есть ли способ, с помощью которого я могу создать переменную в вышеупомянутой функции и использовать ее при нажатии кнопки «Добавить дочерний элемент»?

Вы можете попробовать

 $(this).parent()
  

или

 $(this).closest(".parent")
  

и получите идентификатор родителя и сохраните свой дочерний элемент соответствующего родителя