AJAX/PHP元素删除教程

Question

我的目标有三个：

1. 使用AJAX将链接页面(词汇表术语)动态加载到index.php的terms.php中。术语表术语(链接)在加载的div.glossary中作为列表保存在terms.php中。
2. 将span.definition1加载到它定义的术语表术语旁边的div.glossary中，同样使用AJAX。span.definition1是一个php字符串，它是在单击第一个术语表时生成的。
3. 将span.definition2加载到div.glossary中，在它定义的术语表术语旁边，同时，当单击加载definition2的链接时，删除 span.definition1。

我已经成功地实现了这三个目标中的每一个，直到单击一个新的术语表术语时删除了以前加载的定义。是否有一个教程来解释这是如何做到的？我提供了terms.php的一个简短的节选，可以通过点击http://postmaterial.org/index.php网站上的词汇表链接来加载。

Answer 1

没有密码就不确定了。但是您应该能够使用element.removeChild(child);，其中元素是父元素，子元素是要删除的节点。所以：

<div id="parent">
   <span id="word1">Word (click me)</span>
   <span id="definition1">I am a definition, I should be deleted when necessary</span>
</div>

<script type="text/javascript">
function removedefinition() {
   var parent = document.getElementById('parent');
   var child = document.getElementById('definition1');
   parent.removeChild(child);
 }
 </script>

https://developer.mozilla.org/en-US/docs/DOM/Node.removeChild