링크를 클릭 할 때 부모 목록에 활성 클래스를 추가 / 활성, JavaScript
다음과 같이 사용하여 주입하려고합니다 .
$(document).ready(
function()
{
//injecting active status to the navigation bar lists
var element = document.getElementById("navbar-ul");
var links = element.getElementsByTagName("a");
for(var i = 0; i < links.length ; i++) {
links[i].onclick(function () {
links[i].parent().addClass('active');
});
}
}
);
하지만 다음과 같은 오류가 발생합니다.
TypeError: links[i].onclick is not a function
어떻게해야하나요?
이것은 jQuery를 사용하면 매우 간단합니다.
$("#navbar-ul a").click(function(){
$(this).parent().addClass("active");
});
클릭되는 링크에 활성 상태를 추가하고 다른 링크를 제거하려는 것 같습니다. 그렇다면 .siblings()
다른 링크를 찾고 해당 클래스를 제거하는 데 사용할 수 있습니다 .
$("#navbar-ul a").click(function(){
$(this).closest("li").addClass("active").siblings("li").removeClass("active");
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다