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

Я новичок в программировании, поэтому получаю такие задания. Для этой задачи мне пришлось создать flexbox, который работает как таблица. Мне пришлось запрограммировать способ добавления и удаления контактов.

Теперь мне нужно сохранить их в localStorage. Поэтому, когда я создаю контакт, он сохраняется в локальном хранилище, но когда я пытаюсь удалить его, это не так.

Я пробовал делать это с

var fullname = $(".parentDiv:parentDiv:nth-child(1)").html();

Но это просто не работает.

Я использую Visual Studio 2019.

          <div id="Row2">
            <div class="item">Haik Raf</div>
            <div class="item">26</div>
            <div class="item">01518384213</div>
            <div class="item">
                <button type="button" class="Mybutton">
                    X
                </button>
            </div>
            </div>




            $(".Mybutton").click(function () {
                // Removes its Row
                var abc = $(".parentDiv.parentDiv:nth-child(1)").html();

                window.alert(abc);
                localStorage.removeItem($(".parentDiv.parentDiv:nth-child(1)").text());
                localStorage.removeItem($(".parentDiv.parentDiv:nth-child(2)").text());
                localStorage.removeItem($(".parentDiv.parentDiv:nth-child(3)").text());

                $(this).parent().parent().remove();
            });

Вывод «не определен», когда я пытался отобразить его с помощью

windows.alert()