在具有相同href的多個錨之間獲取錨文本值

Question

我的 html 是

<a id='_requestOne' href='#applynow'> apply one </a>

<a id='_requestTwo' href='#applynow'> apply two </a>

<a href='#applynow'> apply three </a>

我想單獨更改第二個的錨文本。 所以我在腳本中實現為

$("a[href='#applynow']").text("request call");

它改變了所有三個標簽，所以我嘗試了

$("#_requestTwo a[href='#applynow']").text("request call");

但它不起作用。 誰能給我一個解決方案，我怎么能在同一個調用中同時聲明 id 和 href 。

提前致謝。

Answer 1

您可以做的是定位 jQuery 對象的第二個項目：

$( $("a[href='#applynow']")[1] ).text('request call') //starts counting at 0

我不建議這樣做，如果 html 標記更改，它會使代碼的可維護性降低。 你有一個 ID，所以用它代替。

$("#_requestTwo").text('request call')

PS：

您的第二次嘗試不起作用的原因是因為您在選擇器中出錯：

$("#_requestTwo a[href='#applynow']") 
//should be 
$("a[href='#applynow']#_requestTwo") 

Answer 2

首先使用 href 選擇錨點，然后使用 ID 指定或直接通過 ID 選擇，因為 ID 應該是唯一的：

 $("a[href='#applynow']#_requestTwo").text("request call");

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a id='_requestOne' href='#applynow'> apply one </a> <a id='_requestTwo' href='#applynow'> apply two </a> <a href='#applynow'> apply three </a>

---

始終選擇從低到高特異性的元素，例如：

$("tagname.class");