2017-02-17 51 views
0

我有每个表格行的工具提示以显示编辑选项。我使用此代码可见:如何在js中隐藏工具提示

function popupFunction(p) { 
    var popup = document.getElementById("sp" + p); 
    popup.classList.toggle("show"); 
} 

它运行良好。但现在的问题是如果我点击任何其他地方如何隐藏它?

这里是我的html:

<div class='popup' id='eds'> 
    <i class='fa fa-ellipsis-v' id =" + values.items[i].id + " onclick='popupFunction(this.id)'></i> 
    <span class='popuptext' id =sp" + values.items[i].id + "> 
    <div onclick='edit(this.id)' id =ed" + values.items[i].id + ">Edit</div> 
    <br/> 
    <div onclick='deleteFunction(this.id)' id =de" + values.items[i].id + ">Delete</div> 
    </span> 
</div> 
+0

请添加普通/最终html代替生成逻辑,所以我们将能够添加更详细的答案。 – marmeladze

回答

0

如果show类使得元件,并rendred作为提示,然后删除它,应该将其隐藏。

document.getElementById(some_id).classList.remove("show") 

应该做的伎俩,我相信。