[英]select link having href with a specific get variable
in the example below - how to select the link having c=ni
在下面的示例中 - 如何选择具有
c=ni
的链接
let a = 'c=ni'; let target = '...'; // select `alink` having `a` inside its href //target.addClass('act');
.act{background:orange;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='alink' href='index.php?c=kb'>lorem</a> <br> <a class='alink' href='index.php?c=ni'>lorem</a>
Plain JS纯JS
You could use querySelector
with *
wildcard您可以使用带有
*
通配符的querySelector
let a = 'c=ni'; let target = document.querySelector(`a[href*='${a}']`) target.classList.add('act');
.act{background:orange;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='alink' href='index.php?c=kb'>lorem</a> <br> <a class='alink' href='index.php?c=ni'>lorem</a>
jQuery jQuery
The query selector is the same, use first()
to select one only查询选择器相同,使用
first()
只选择一个
let a = 'c=ni'; $(`a[href*='${a}']`).first().addClass('act')
.act{background:orange;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='alink' href='index.php?c=kb'>lorem</a> <br> <a class='alink' href='index.php?c=ni'>lorem</a>
You can use attribute selectors.您可以使用属性选择器。 They can be used for javascript, jQuery or CSS.
它们可用于 javascript、jQuery 或 CSS。 Read more about Attribute selectors here
在此处阅读有关属性选择器的更多信息
let target = $('.alink[href*="c=ni"]'); target.addClass('act');
.act{background:orange;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class='alink' href='index.php?c=kb'>lorem</a> <br> <a class='alink' href='index.php?c=ni'>lorem</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.