2013-07-27 74 views
0

我想删除里面的div和内容,当我点击左下角的删除图标。我将如何能够做到这一点?当点击X时,问题的内容和div将消失。删除内容(DIV)通过点击删除按钮

这是代码。

<li class="question" id="question2"> 
    <div class="question-header curves dense-shadows"> 
     What color is the sky? 
    </div> 
    <div class="question-content dense-shadows"> 
     <ol type="A"> 
      <li><input type="radio" id="q2a1" name="question2" /> Red</li> 
      <li><input type="radio" id="q2a2" name="question2" /> Green</li> 
      <li><input type="radio" id="q2a3" name="question2" /> Blue</li> 
      <li><input type="radio" id="q2a4" name="question2" /> Brown</li> 
     </ol> 
     <div style="text-align:right"> 

      <a href="#" class="delete"><span style="margin-left:5px;"><img src="images/deletebutton.png" 
       onmouseover="this.src='images/deletebuttonhover.png'" onmouseout="this.src='images/deletebutton.png'" title="Delete" alt="delete"/></span></a> 
     </div> 
    </div> 
</li> 
+1

你有什么编码? – gezzuzz

+0

@gezzuzz我这样做,但它只是显示为格式。 – user2626071

+0

找到父项,然后使用['removeChild'](https://developer.mozilla.org/en-US/docs/Web/API/Node.removeChild) – bfavaretto

回答

1
<a href="#" class="delete" onclick="document.body.removeChild(document.getElementById('question2'))"> 
+0

我想单击删除图标时发生该功能。 – user2626071

+0

非常感谢,但有没有办法使它泛化为像这样做的任何问题,而不仅仅是问题2。如果你想隐藏而不是删除,你怎么能做到这一点 – user2626071

+0

删除按钮和问题之间没有联系的问题..我假设你用某种脚本生成问题。该脚本可以填写该变量..把question1 question2问题什么.. – gezzuzz

0

尝试使用

yourDivToBeDeleted.innerHTML = “”;