Как обновить href ID с помощью AJAX

Question

У меня есть следующая ссылка в моем коде:

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

Когда пользователь нажимает эту ссылку, я буду использовать xmlHttpRequest для обновления некоторого содержимого в DIV на веб-странице.

Но в то же время, когда пользователь нажимает на ссылку, я хочу добавить идентификатор, чтобы состояние кнопки можно было изменить с помощью CSS. (обратите внимание, что "id" добавляется в ссылку)

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

В то же время, если это какая-либо другая ссылка на странице с идентификатором "текущий", я хочу удалить этот идентификатор.

Это возможно? Как это сделать?

Answer 1

Почему бы не иметь

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

а также

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

Answer 2

Хорошей практикой является то, что каждый элемент, который вы хотите обработать в своем HTML, имеет свой собственный фиксированный идентификатор.

Я бы посоветовал вам указать идентификатор при создании страницы. Если вы хотите что-то изменить, вы можете изменить класс элемента вместо идентификатора.

Начальное:

<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 (среди других библиотек) предоставляет полезные методы для извлечения элементов данного класса с целью их изменения.