JQuery:为什么parent().parent.parent()工作，而parents(selector)不工作?

Question

我一直在使用jQuery，并试图将一个类添加到DOM树上3步的父元素中。我没有让它与"parents('selector'("一起使用，而是与"parent((.parent((.parent(("一起使用。 你们中的任何人都可以帮助我并解释为什么这不起作用吗？

function activeNav() {

var nav_list_content = $('.nav_list_content');
var nav_sub_list_content = $('.nav_sub_list_content');
var CountNavSubListElements = nav_sub_list_content.length;
var CountNavListElements = nav_list_content.length;



for(var c = 0; c<CountNavListElements; c++){
if(nav_list_content.eq(c).attr("href") == window.location.href){
nav_list_content.eq(c).addClass('active_nav_link');
break;
}
}

for(var c = 0; c<CountNavSubListElements; c++){
if(nav_sub_list_content.eq(c).attr("href") == window.location.href){
nav_sub_list_content.eq(c).parent().parent().parent().addClass('active_nav_link'); /*Does work*/
nav_sub_list_content.eq(c).parents('.nav_list_content').addClass('active_nav_link');  /*Doesn't work*/  
break;
}
}

		 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav id="prime_nav">
<div id="mobile_menu_button"><a id="mobile_menu_button_content" class="attr">&#9776</a></div> 
<div id="nav_wrapper">
<img id="logo" src="Logo.png">
<ul id="nav_list" class="nos">
<li class="nav_list_element"><a href="http://127.0.0.1:50241/index.html" class="nav_list_content attr">Home</a></li><!-- 
--><li class="nav_list_element"><a href="#" class="nav_list_content attr">Page</a></li><!--
--><li class="nav_list_element">
<a href="#" class="nav_list_content attr">Page</a>
<ul id="nav_sub_list">
<li class="nav_sub_list_element"><a href="http://127.0.0.1:50241/index.html" class="nav_sub_list_content attr">Page</a></li>
<li class="nav_sub_list_element"><a href="#" class="nav_sub_list_content attr">Page</a></li>
</ul>
</li><!--
--><li class="nav_list_element"><a href="#" class="nav_list_content attr">Page</a></li><!--
--><li class="nav_list_element"><a href="#" class="nav_list_content attr">Page</a></li>
</ul>
</div> 
	</nav>

我很抱歉有这么多代码。但我感谢你的帮助。

Answer 1

nav_sub_list_content.eq(c).parent().parent().parent()正在选择.nav_list_element元素。您正在将.nav_list_content传递给parents()函数，该函数不起作用，因为这是您要查找其父级的元素的类。

这：

nav_sub_list_content.eq(c).parents('.nav_list_content').addClass('active_nav_link');

应该是：

nav_sub_list_content.eq(c).parents(".nav_list_element").addClass('active_nav_link');