javascript - 我正在尝试获取 parents parents child div 的文本，我必须使用它来将其从 localStorage 中删除

Question

我是编程新手，所以我得到了像这样的 Learntasks。对于这个任务，我必须创建一个像表格一样工作的 flexbox。我必须编写一种方法来添加和删除联系人。

现在我必须将它们保存在 localStorage 中。因此，当我创建联系人时，它会保存在 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()

Answer 1

嘿，在开始工作后非常平静，我实际上找到了答案，我想我会把它贴在这里，以供任何寻找类似问题解决方案的人使用。

使用

$(this).parent().parent().children().eq(0).text();

eq(0) 对我帮助很大，它告诉我我想读出哪些 child 。

祝你编程顺利!