我想知道如何让它发挥作用。基本上我只是试图查看导航链接的项目列表,并将它们与页面标题进行比较。如果标题与列表项相同,请更改颜色。基本上突出显示您所在的页面。只有这会突出显示所有项目。
var secondNav = $('.custom-post-side-list ul li a');
var title = $('.custom-post-main h1');
secondNav.each(function(index, el) {
var $this = $(this);
if(title = $this) {
$this.css('color', 'red');
}
});
答案 0 :(得分:0)
所以基本上我没有比较两个相同的对象。所以我所做的就是从两个元素中抓取文本并进行比较。如果为true,则更改元素。
//Highlight current
var secondNav = $('.custom-post-side-list ul li a');
var title = $('.custom-post-main h1');
secondNav.each(function(index, el) {
var $this = $(this);
var titleText = title.text();
var navText = $this.text();
if (navText == titleText) {
$this.css('color', 'red');
}
});