如何使用AJAX更新href ID

Question

我的代码中有以下链接：

<li onclick="loadNewPage('test')"><a href="#">Link</a></li>

当用户点击此链接时，我将使用xmlHttpRequest更新网页上DIV中的某些内容。

但与此同时，当用户点击链接时，我想添加一个id，以便可以使用CSS更改按钮的状态。 （注意“id”被添加到链接中）

<li onclick="loadNewPage('test')"><a href="#" id="current">Link</a></li>

同时，如果这些是ID为“当前”的页面上的任何其他链接，我想删除该ID。

这可能吗？ 怎么做？

Answer 1

最好在HTML中处理的每个元素都有自己的固定ID。

我建议您在创建页面时输入ID。如果要更改某些内容，可以更改元素的类而不是ID。

初​​始：

<li onclick="loadNewPage('test')"><a href="#" id="section_1">Link</a></li>

点击后：

<li onclick="loadNewPage('test')"><a href="#" id="section_1" class="selected">Link</a></li>

JQuery（以及其他库）提供了有用的方法来检索给定类的元素，以便更改它们。

Answer 2

为什么没有

<li onclick="loadNewPage(this,'test')"><a href="#">Link</a></li>

和

function loadNewPage(theLi,sometext) {
  theLi.className=theLi.className==""?"clicked":"";
}