Question

我的目标有三个：

使用AJAX将terms.php（一个链接页面（词汇表术语））动态地加载到index.php的div.sidepanel中。词汇表术语（链接）在div.glossary中以加载的terms.php中的列表的形式存放。
再次使用AJAX将span.definition1加载到div.glossary中，在它定义的术语表术语旁边。 span.definition1是单击第一个词汇表术语时生成的php字符串。
将span.definition2加载到div.glossary中，在它定义的词汇表术语旁边，同时，当单击加载definition2的链接时，删除 span.definition1。

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

Answer 1

没有代码也不确定。但是您应该能够使用element.removeChild(child);，其中element是父元素，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

AJAX / PHP元素删除教程

1 个答案: