Comment mettre à jour ID href en utilisant AJAX

Question

j'ai un lien suivant dans mon code:

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

Lorsque l'utilisateur clique sur ce lien, je vais utiliser XMLHttpRequest pour mettre à jour un certain contenu dans un DIV sur la page Web.

Mais en même temps, lorsque l'utilisateur clique sur le lien, je veux ajouter un identifiant, de sorte que l'état du bouton peut être modifié en utilisant CSS. (Notez le « id » étant ajouté au lien)

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

En même temps, si ceux-ci est tout autre lien sur la page avec l'identifiant « actuel » Je veux supprimer cet ID.

Est-ce possible? Comment faire?

Answer 1

Il est recommandé que chaque élément que vous souhaitez traiter dans votre code HTML possède son propre ID fixe.

Je suggère que vous mettez un ID lors de la création de la page. Si vous voulez changer quelque chose, vous pouvez changer la classe de l'élément au lieu de l'ID.

initial:

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

Après avoir cliqué sur:

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

JQuery (entre autres bibliothèques) fournissent des méthodes utiles pour récupérer des éléments d'une classe donnée, afin de les changer.

Answer 2

Pourquoi ne pas avoir

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

et

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