Javascript 父选择器Jquery
我想在Javascript 父选择器Jquery,javascript,jquery,Javascript,Jquery,我想在 <div id="navigation"> <ul data-identifier="50dd2c0b-3904-4100-9076-627145a3a949" class=" nav nav-pills nav-edit " id="nav-main-menu"><li class=" nav-link dropdown "><a href="/whoweare" data-toggle="dropdown"
<div id="navigation">
<ul data-identifier="50dd2c0b-3904-4100-9076-627145a3a949" class=" nav nav-pills nav-edit " id="nav-main-menu"><li class=" nav-link dropdown "><a href="/whoweare" data-toggle="dropdown" class=" nav-link dropdown ">WHO WE ARE <b class="caret"></b></a><ul class="dropdown-menu"><li class=" nav-link active "><a href="/mission" data-toggle="" class=" nav-link active ">Mission </a></li><li><a href="/history" data-toggle="" class=" nav-link ">History </a></li><li><a href="/executiveteam" data-toggle="" class=" nav-link ">Executive Team </a></li></ul></li><li class=" nav-link dropdown "><a href="/greatopportunity" data-toggle="dropdown" class=" nav-link dropdown ">A GREAT BUSINESS OPPORTUNITY <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/demand" data-toggle="" class=" nav-link ">Demand </a></li><li><a href="/growth" data-toggle="" class=" nav-link ">Growth </a></li><li><a href="/opportunity" data-toggle="" class=" nav-link ">United State Opportunity </a></li><li><a href="/canada_opportunity" data-toggle="" class=" nav-link ">Canada Opportunity </a></li></ul></li><li class=" nav-link dropdown "><a href="/franchiseeadvantage" data-toggle="dropdown" class=" nav-link dropdown ">THE FRANCHISEE ADVANTAGE <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/strategy" data-toggle="" class=" nav-link ">Strategy and Tactics </a></li><li><a href="/performance" data-toggle="" class=" nav-link ">Performance Enhancement </a></li><li><a href="/businesstools" data-toggle="" class=" nav-link ">Business Tools </a></li></ul></li><li class=" nav-link dropdown "><a href="/method" data-toggle="dropdown" class=" nav-link dropdown ">THE MATHNASIUM METHOD <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/howitworks" data-toggle="" class=" nav-link ">How It Works </a></li></ul></li><li class=" nav-link dropdown "><a href="/investment" data-toggle="dropdown" class=" nav-link dropdown ">INVESTMENT <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/unitedstates" data-toggle="" class=" nav-link ">United States / Canada </a></li><li><a href="/international" data-toggle="" class=" nav-link ">International </a></li></ul></li><li class=" nav-link dropdown "><a href="/meet" data-toggle="dropdown" class=" nav-link dropdown ">MEET OUR FRANCHISEES <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/testimonials" data-toggle="" class=" nav-link ">Video Testimonials </a></li><li><a href="/writtentestimonials" data-toggle="" class=" nav-link ">Written Testimonials </a></li></ul></li><li><a href="/steps" data-toggle="" class=" nav-link ">STEPS TO OWNERSHIP </a></li><li><a href="/news" data-toggle="" class=" nav-link ">NEWS / PRESS </a></li><li class=" nav-link dropdown "><a href="/QandA" data-toggle="dropdown" class=" nav-link dropdown ">Q&A <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/QandA_US-Canada" data-toggle="" class=" nav-link ">United States / Canada </a></li><li><a href="/QandA_international" data-toggle="" class=" nav-link ">International </a></li></ul></li></ul>
<div id="consumerSite"><br><div style="margin-left:22px">
<img src="../upload/1/img/cosumerArrow.gif" width="5" height="9" style="margin-right:4px;"><a href="mailto:?subject=A franchising opportunity referral&body=I thought you might be interested in this Mathnasium Learning Center franchising opportunity. To learn more, visit www.mathnasium.com/franchising">Tell a Friend</a><img src="upload/1/img/tellafriend.jpg" width="20" height="11" class="tellafriend"><br><br>
<img src="../upload/1/img/cosumerArrow.gif" width="5" height="9" style="margin-right:4px;"><a href="http://www.mathnasium.com/" target="_blank">Visit our consumer site at<br>
www.mathnasium.com</a>
<br>
</div>
</div>
</div>
Javascript:
jQuery('ul-li-ul-li a')。parent('ul-li')。addClass('active')
我不知道为什么我抓不到属于我们的李
编辑:提供完整的代码部分。只是尝试在WHO WE is
$('ul li').on('click', 'a', function() {
$(this).parent().addClass('active');
});
如果要在列表中的第一个
li
上添加类active
,请执行以下操作:
$(document).ready(function() {
$('ul li').first().addClass('active');
// or select the li with an "a" in it
$('ul li a').first().parent().addClass('active');
});
也许你应该简化一下:
$('ul li').on('click', 'a', function() {
$(this).parent().addClass('active');
});
如果要在列表中的第一个
li
上添加类active
,请执行以下操作:
$(document).ready(function() {
$('ul li').first().addClass('active');
// or select the li with an "a" in it
$('ul li a').first().parent().addClass('active');
});
您最外层的
未包含在
中,因此第一个选择器(“ul li ul li a”
)将找不到任何内容。改用这个:
jQuery('li ul li a')
这将使用类“下拉菜单”选择ul
下的3个超链接。下一个问题是parent
方法。当您调用parent('ulli')
时,该选择器会导致jQuery(和我自己)产生一些混乱。只需在没有任何选择器的情况下调用parent()
,因为parent()
总是只在DOM树上移动一个级别,并在那里停止。它将自动选择包含每个
的
这应该可以做到:
jQuery('li ul li a').parent().addClass('active')
您最外层的未包含在
中,因此第一个选择器(“ul li ul li a”
)将找不到任何内容。改用这个:
jQuery('li ul li a')
这将使用类“下拉菜单”选择ul
下的3个超链接。下一个问题是parent
方法。当您调用parent('ulli')
时,该选择器会导致jQuery(和我自己)产生一些混乱。只需在没有任何选择器的情况下调用parent()
,因为parent()
总是只在DOM树上移动一个级别,并在那里停止。它将自动选择包含每个
的
这应该可以做到:
jQuery('li ul li a').parent().addClass('active')
-也许你指的是父母()为什么你先遍历到孩子,然后再遍历回父母?请提供完整的代码。已经提供了完整的代码-也许你是指父母()为什么你要遍历到孩子,然后遍历回父母?请提供完整的代码。已提供完整的代码。单击链接时,我不想添加该类。我希望类在页面加载后出现。我不希望在单击链接时添加类。我希望类在页面加载后出现。我在上面添加了完整的源代码。我之前在发布问题时忘了包含UL标签。我在上面添加了完整的源代码。我以前在发布问题时忘了包含UL标签。