0

我的目标有三个：

  1. 使用 AJAX 将链接页面（术语表）动态加载到 index.php 的 div.sidepanel 中。词汇表术语（链接）在加载的 terms.php 中作为一个列表存放在 div.glossary 中。

  2. 将 span.definition1 加载到 div.glossary 中，在它定义的术语旁边，再次使用 AJAX。span.definition1 是在单击第一个词汇表术语时生成的 php 字符串。

  3. 将 span.definition2 加载到 div.glossary 中，在它定义的词汇表术语旁边，同时在单击加载定义 2 的链接时删除span.definition1。

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

4

1 回答 1

0

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

于 2012-10-09T20:20:44.310 回答