通过javascript中的锚定标题将元素作为目标
我想从我的导航菜单中隐藏主菜单项,并仅在切换移动导航菜单时显示它。有没有一种方法可以像我对其他元素所做的那样,通过锚定标题(home)选择li项目,并在切换时向其添加活动类?或者我可以用css做这个吗?我正在使用wordpress导航菜单,因此无法向其中添加特定类。非常感谢通过javascript中的锚定标题将元素作为目标,javascript,jquery,css,Javascript,Jquery,Css,我想从我的导航菜单中隐藏主菜单项,并仅在切换移动导航菜单时显示它。有没有一种方法可以像我对其他元素所做的那样,通过锚定标题(home)选择li项目,并在切换时向其添加活动类?或者我可以用css做这个吗?我正在使用wordpress导航菜单,因此无法向其中添加特定类。非常感谢 $(document).ready(function() { $('body').addClass('js'); var $menu = $('#menu'), $logo = $('.log
$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu'),
$logo = $('.logo'),
$menulink = $('.menu-link');
$menulink.click(function() {
$menulink.toggleClass('active');
$menu.toggleClass('active');
$logo.toggleClass('active');
return false;
});
});
这将得到标题为“家”的锚 所以你会用
$('a[title="home"]').toggleClass('active');
有关此语法的详细信息,请参见。您知道您可以仅使用css将标题的锚定属性作为目标吗
a[title^="Some title text"] { color: red; }
用于javascript的目标-->
var links=top.document.getElementsByTagName('a');var结果=[];
var linkcount=links.length;对于(变量i=0;ia[title^="Some title text"] { color: red; }
$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu'),
$logo = $('.logo'),
$menulink = $('.menu-link');
$homelink = $('li[title*="home"]'); // remove the * if u have more with "*home*"
$menulink.click(function() {
$menulink.toggleClass('active');
$menu.toggleClass('active');
$logo.toggleClass('active');
$homelink.toggleClass('active');
return false;
});
});