如何能够单击tr并编辑个性化

Question

我正在研究Web开发，并且我正在执行单个页面应用程序。我们正在使用JavaScript，我可以使用jQuery，Bootstrap等。我已经搜索了谷歌搜索，看过来自讲座的视频，但是我仍然是帆布。

问题是我需要做一个胜利者。您应该能够单击联系人，应该使页面的不同部分活跃起来，您可以在其中编辑联系人并查看其居住地点。该地图还可以，但是我不知道我如何实现这一目标，我没有发现有关使用jQuery的建议。

我们已经猜到了这样的事情，但这可能是错误的：

document.querySelector("tr").addEventListener('click' , e => {
    document.querySelector('editContact')
    function editContact(contact) {
        let editContact = document.querySelector("#searchcontact tr");
        editContact.innerHTML = "TR";
        let form = document.editContact()
    }
})

非常感谢！

Answer 1

有很多方法可以做到这一点。这不是一个完整的解决方案，但应该让您入门：

通常，您的表<input name="username_1" class="hidden" type="text">中已经有一个文本输入，该文本输入被隐藏在内容的旁边，例如<span id="username_1">MAREN</span>

那么您将有一些CSS隐藏东西：

.hidden {
   display:none;
}

因此，在单击时，即使您将隐藏的 className添加到跨度并将其从输入中删除。该视觉上交换标签的静态值。

之后还有更多，但请尝试一下。