将CSS应用于特定的<a>href</a> <div> <a>（JQuery的）</a>

Question

这有效：

$('a[href$="' + currenturl2 + '"]').css("font-family", "\'Apercu Bold\'");

但是页面上有两个具有该（变量）href的链接。 如何将其应用于其中之一？

我试过了：

$('li a[href$="' + currenturl2 + '"]').css("font-family", "\'Apercu Bold\'");

和：

$('#recent-posts a[href$="' + currenturl2 + '"]').css("font-family", "\'Apercu Bold\'");

（其中#recent-posts是li的ul）

和：

$('#tunesID a[href$="' + currenturl2 + '"]').css("font-family", "\'Apercu Bold\'");

（其中#tunesID是URL的父元素）

Answer 1

eq函数可用于将所选元素的集合减少到指定索引处的元素。 只需为要选择的a指定0或1 。

$('a[href$="' + currenturl2 + '"]').eq(0).css("font-family", "\'Apercu Bold\'");

Answer 2

给这个链接相同的类和jQuery代码

$(".class").click(function(){
      $(this).css("font-family", "\'Apercu Bold\'");
});