select link with a specific get param

Viewed 31

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>

1 Answers

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>

Related