javascript - 如何使用 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。

这可能吗？这个怎么做？

score 0 · Accepted Answer

一个好的做法是，您要在 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（在其他库中）提供了有用的方法来检索给定类的元素，以便更改它们。

score 0 · Accepted Answer

为什么没有

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

和

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

2 回答 2