У меня есть тег.
<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 узнать, что в настоящее время в браузере открыта ссылка на ведьму. AKA => aria-current = "page"?
Ниже вы можете найти часть 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>
Попробуйте использовать селектор равных атрибутов .
$('a[aria-current="page"]');
Fiddle