将类添加到具有特定href的链接

Question

如果href属性等于变量值，则需要添加一个类。

在此示例中，第一个元素应具有金色背景；第二个元素应具有金色背景。

 let a = 'a_xp_notes.php'; $('.lmlink[href = ${a}]').addClass('.act'); 

 .lmlink{display:block;} .act{background:gold;} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='lmlink' href='a_xp_notes.php'>NOTES</a> <a class='lmlink' href='a_xp_persons.php'>PERSONS</a> <a class='lmlink' href='a_xp_comps.php'>COMPS</a> 

Answer 1

您不需要addClass('.act')的dot（ . addClass('.act')

第二次尝试以下示例

 let a = 'a_xp_notes.php'; $(`.lmlink[href='${a}']`).addClass('act'); 

 .lmlink{display:block;} .act{background:gold;} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='lmlink' href='a_xp_notes.php'>NOTES</a> <a class='lmlink' href='a_xp_persons.php'>PERSONS</a> <a class='lmlink' href='a_xp_comps.php'>COMPS</a> 

Answer 2

在这种情况下，除非有逻辑评估，否则不需要jquery。 您可以仅使用CSS及其href选择器来执行相同操作

 .lmlink { display: block; } a[href="a_xp_notes.php"] { background: gold; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='lmlink' href='a_xp_notes.php'>NOTES</a> <a class='lmlink' href='a_xp_persons.php'>PERSONS</a> <a class='lmlink' href='a_xp_comps.php'>COMPS</a> 

Answer 3

用户Javascript 模板字符串 （反引号而不是单引号）

$(`.lmlink[href = ${a}]`).addClass('act');