jquery .attr（ "href"、 "new url"）を1つだけではなくセブラオブジェクトで実行する

Question

たとえば、html要素id="some_id"を何度か使用するサイトがjqueryで変更されたい私はjqueryコードを実行します：$("#some_id").attr("href", "new url");またはたとえば$("#some_id").text("new text")私は最初の要素/オブジェクト/リンクのみを変更します。

このよう

：

$("#username").text("username2"); 

どのように私はjQueryを使って両方の要素を編集するには：最初の要素を編集

<a id="username">username1</a> 
<a id="username">username1</a> 

のjQuery。

Answer 1

IDを重複させることはできません。

代わりにそれらをクラスにしてください。

<a class="username">username1</a> 
<a class="username">username1</a> 

$(".username").text("username2");

---

やIDSを一意にする：

<a id="username_1">username1</a> 
<a id="username_2">username1</a> 

$('a[id^="username_"]').text("username2");

この1つはIDがusername_で始まる<a>要素を選択するattribute-starts-with-selector^[docs]を使用しています。

Answer 2

各ページでIDを1回しか使用できず、最初に1つの要素だけが選択されているからです。代わりにクラスを使用してください。

Answer 3

まず、同じidの2つの要素を持つHTMLは無効です。次のJavaScriptを使用して、その後

<a class="username">username1</a> 
<a class="username">username1</a> 

：

$('.username').text('username2'); 

しかし、あなたのコード例では、あなたのタイトルと一致していないので、これは変更されません代わりに、彼らに同じclass属性の両方を与えますアンカータグのhref、そのテキストのみ。両方のhrefを変更するには、この質問のタイトルにあるようにattrと電話してください。