は、私は私のコードでは、以下のリンクを持っているどのようにAJAX

Question

を使用してHREF IDを更新するには：ユーザーはこのリンクをクリックすると

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

を、私は、Webページ上のDIVで一部のコンテンツを更新するためにはXMLHttpRequestを使用します。

しかし同時に、ユーザーがリンクをクリックすると、idを追加して、CSSのボタンの状態を変更することができます。同時に、

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

（リンクに追加された「ID」を注意してください）これらは、「現在の」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":""; 
}