在具有相同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");