javascript - AJAX を使用して href ID を更新する方法

Question

コードに次のリンクがあります。

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

ユーザーがこのリンクをクリックすると、xmlHttpRequest を使用して Web ページの 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