用于将类添加到(li)Parent的JavaScript

时间:2018-03-09 13:59:36

标签: javascript jquery html css

我有一些JavaScript代码,当前获取网站的URL,将URL拆分为特定字符串并将其存储在变量中

然后我有一个if语句,根据该字符串,它将为我的链接添加一个类。但是,我正在努力为li父母分配一个班级,在这种情况下我需要它:

<li class="nav-item parent open"> 

有人有什么想法吗?

相关的JavaScript代码位于

之下
const navLinks = document.querySelectorAll("nav ul li a")

var url = window.location.href;

url = url.split("/");

if (url[2] === "s.codepen.io") {
    navLinks[1].classList.add("active");
    alert(navLinks[4]);
    navLinks[4].classList.add("open");
} else {
    navLinks[3].classList.add("active");     
}

可以在这里看到 - https://codepen.io/Carrot654321/pen/YazXBv

2 个答案:

答案 0 :(得分:2)

您可以使用元素 closest(selector)方法 (不要与jQuery synonym方法混淆)

(a-native-element).closest('li').classList.add('...')

答案 1 :(得分:0)

您可以使用jquery addClass()函数。

navLinks[1].addClass("active");

参考:https://api.jquery.com/addclass/