我如何检查href是否包含aria-current。如果为true，则对父母和兄弟姐妹执行代码。使用jquery

Question

我有一个标签。

<a href="#" aria-current="page">Disarray Body</a>

当链接打开时。浏览器将添加==> aria-current =“ page”。如何选择带有aria-current =“ page”属性的元素，并对其父级和同级执行代码？

我已经尝试过了。

var items = $('.menu-item>a');

if (items.hasattr("aria-current", "page") === true) {
        items.parent.css( "background-color", "red" )};

但是它清除为未定义。我如何让jquery找出女巫链接当前在浏览器中打开。 A.K.A. => aria-current =“页面”？

下面您可以找到html的一部分。

    <a href="http://bertconinx.com/category/portriats/">portriats</a>
    <ul class="sub-menu">
        <li id="menu-item-473" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
                    <a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">Disarray Body</a></li>
        <li id="menu-item-617" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
                <a href="http://bertconinx.com/2019/09/16/girls/">#Girls</a></li>
    </ul>

    <a href="http://bertconinx.com/category/portriats/">Item2</a>
    <ul class="sub-menu">
        <li id="menu-item-412" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
                    <a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">object1</a></li>
        <li id="menu-item-619" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
                <a href="http://bertconinx.com/2019/09/16/girls/">Object2</a></li>
    </ul>

Answer 1

尝试使用Attribute Equals selector。

$('a[aria-current="page"]');

Fiddle