Javascript 从弹出按钮中删除列表元素

我试图创建一个列表，当我在其中单击

li

元素时，会弹出一个模式，其中有一个存档按钮。因此，当我单击该按钮时，模态来自的特定

li

将消失（display:none）。以下是我的密码-

名单

---

因此，如果单击带有

id=“wa”

的第一个

li

，模式出现，当我单击存档按钮时，带有

id=“wa”

的

li

应该消失（显示：无）。

openModal

上的将当前打开的元素id保存在全局变量中

currentOpened = id_got;

然后为关闭事件创建一个处理程序

var currentOpened; // global variable

function openModal(id_got){
    var modalOpen = document.getElementById('modal');
    modalOpen.style.display = "block";
    var i = id_got;
    currentOpened = id_got; // here's the add
    var getId = this.document.getElementById(i);
    var modalHeader = this.document.getElementById('m_header_title');
    modalHeader.innerHTML = getId.innerHTML;
}

function onModalClose() {
    document.getElementById(currentOpened).style.display = 'none;
}

而模态html

<div class="modal" id="modal">
    <div class="modal_content" id="modal_content">
        <div class="m_header"><p id="m_header_title"></p> <span class="close" onclick="onModalClose()">&#x2715;
    </span></div>
        <div class="m_footer">
            <button class="archive" onclick="archive()">Archive</button>
        </div>
    </div>
</div>

&x2715；
档案文件

---

就是这样

打开模式时，将id保存在全局变量中，如

active_li = id_got;

当您单击以归档您的li时，您可以使用您的方法：

function archive(){
    /*
    do your stuff
    */
    document.getElementById(active_li).style.display = 'none';           
}

---

你好，@FeMachine，你能提供完整的js代码吗？我对javascript有点陌生。非常感谢。

<div class="modal" id="modal">
    <div class="modal_content" id="modal_content">
        <div class="m_header"><p id="m_header_title"></p> <span class="close" onclick="onModalClose()">&#x2715;
    </span></div>
        <div class="m_footer">
            <button class="archive" onclick="archive()">Archive</button>
        </div>
    </div>
</div>

active_li = id_got;

function archive(){
    /*
    do your stuff
    */
    document.getElementById(active_li).style.display = 'none';           
}