如何使用 AJAX 更新 href ID答案

【问题标题】：How to update href ID using AJAX如何使用 AJAX 更新 href ID
【发布时间】：2011-07-01 17:06:45
【问题描述】：

我的代码中有以下链接：

<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。

这可能吗？如何做到这一点？

【问题讨论】：

【解决方案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（在其他库中）提供了有用的方法来检索给定类的元素，以便更改它们。

【讨论】：

【解决方案2】：

为什么没有

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

和

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

【讨论】：