使用 jQuery,如何将类添加到具有活动元素的 href 路径的一部分的 href 的元素?

策划

我希望“Quick”、“Brown”和“Fox”链接具有“下拉”类,而不是“Foo”或“Bar”链接。如何使用 jQuery 实现这一目标?

HTML代码:

<ul>
    <li>
        <a href="/foo"> Foo </a>
    </li>
    <li>
        <a href="/foo/bar"> Bar </a>
    </li>
    <li>
        <a href="/quick"> Quick </a>
    </li>
    <li>
        <a href="/quick/brown"> Brown </a>
    </li>
    <li>
        <a href="/quick/brown/fox" class="is-active"> Fox </a>
    </li>
</ul>
示拉帝亚

在这里,您可以使用解决方案https://jsfiddle.net/3t9yy4ou/

var activeHref = $('.is-active').attr('href');
$('a[href]').each(function(){
  if( activeHref.indexOf($(this).attr('href')) >= 0){
    $(this).addClass('dropdown');
  }
});
.dropdown {
  background: rgba(0,0,0,0.4);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li>
      <a href="/foo"> Foo </a>
    </li>
    <li>
      <a href="/foo/bar"> Bar </a>
    </li>
    <li>
      <a href="/quick"> Quick </a>
    </li>
    <li>
      <a href="/quick/brown"> Brown </a>
    </li>
    <li>
      <a href="/quick/brown/fox" class="is-active"> Fox </a>
    </li>
</ul>

我用过jQuery .each方法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

通过href属性的一部分查找元素

如何使用PHP将类添加到“ a href”元素?

使用grunt和processhtml更新基本href(不保留路径的一部分)

完成document.location.href =后,使用JQuery将一个类添加到元素中

如何使用jQuery将类添加到现有<li>标记的一部分的span元素中

使用仅href的katalon记录器,kantu,Sidenium ide,ui视觉的一部分在html元素中查找xpath

使用ID的一部分查找元素

查找仅知道href属性一部分的元素的xpath硒ide ui视觉katalon记录器

如何在页面加载时将类添加到具有特定href的锚元素

使用漂亮的汤提取href链接的一部分

如何创建一个按钮来更改 href 的一部分?

jQuery-如何更改链接中的属性href的一部分?

如何使图像的一部分成为href?

如何使用 CSS 类定位 <a href > 元素?

将类添加到具有相同 href 的所有元素

如何使用jQuery将特定类添加到具有等于URL的href的锚标签?

是否使anchortext成为href的一部分?

XPath仅选择Href的一部分

在一组匹配的元素上将子元素添加到父元素,并使用Parent Div href-Javascript

如何使用javascript将新图像元素添加到html href链接?

如何使用jQuery动态获取href链接并将其添加到HTML元素?

在鼠标悬停期间使用Javascript正则表达式获取Href的一部分

如何创建一个表单来更改按钮的href URL的一部分?

如何使用 selenium python 定位 href 元素

如何使用 JS 将 JS var 作为元素属性的一部分

如何使用python在硒中按ID名称的一部分查找元素

如何使用Selenium WebDriver和Python检索元素的文本的一部分?

在python中使用xpath,如何只选择元素的一部分?

如何使用CSS选择自定义元素的一部分?