select link with a specific get param

Question

need to select a link which have a specific get param
in the example below the first link should be selected
any help?

 $(document).ready(function(){ let a = 'lorem'; //$('.navb[having c = a]').addClass('act'); });

 .act{ background:orange; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='navb' href='index.php?c=lorem'>abc</a> <a class='navb' href='index.php?c=ipsum'>def</a>

Answer 1

You can try using Attribute Contains Selector like the following way:

 $(document).ready(function(){ let a = 'c=lorem'; $(".navb[href*='"+a+"']").addClass('act'); });

 .act{ background:orange; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='navb' href='index.php?c=lorem'>abc</a> <a class='navb' href='index.php?c=ipsum'>def</a>