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

Question

I need to add a class if href attribute is equal to a variable value.

In this example the first element should have gold background;

 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

You don't need the dot( . ) in addClass('.act')

Second try with the following example

 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

You don't need jquery in this case unless there is a logical evaluation. You can do the same using only css and it's href selector

 .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');