Question

JQuery点击事件处理，选择被点击的标签的父标签的选择问题【江湖救急】

<!--Html文件-->
<div class="service">
<ul>
<li>
<h5>部署</h5>
<dl>
<dd><a href="#">Console框架</a></dd>
<dd><a href="#">CES</a></dd>
<dd><a href="#">ESS</a></dd>
<dd><a href="#">ECM-UI</a></dd>
</dl>
</li>
<li>
<h5>监控</h5>
<dl>
<dd><a href="#">Console框架</a></dd>
<dd><a href="#">CES</a></dd>
<dd><a href="#">ESS</a></dd>
<dd><a href="#">ECM-UI</a></dd>
</dl>
</li>
</ul>
</div>
<!--Jquery文件-->

<script>
$(document).ready(function() {
$(".navbar li").click( function(){
$(".navbar li").removeClass("active");
$(this).addClass("active");
});
$(".service dd").click( function(){
$(".service dd").removeClass("active");
$(".service li").removeClass("active"); //默认是没有的，先移除.active
$(this).addClass("active");
$(".service li").addClass("active");
//当ECM-UI被点击的时候，我想给监控的li增加一个.active
//因为我现在这如果dd被点击，那么直接所有的li都被赋予了一个.active。求大神教。本人刚学JQuery,
});
});
</script>

Answer 1

$('.service dd').click(function () {				
	// 移除service类下面所有带active类的标记active类
	$('.service .active').removeClass('active');
	// 给当前dd标记以及直系父节点li添加active类
	$(this).addClass('active').parentsUntil('li').parent().addClass('active');
	// 给当前dd标记中的a标记以及直系父节点li添加active类
	// $(this).find('a').addClass('active').parentsUntil('li').parent().addClass('active');
});

Answer 2

$(this).parents("li:first");

this是ECM-UI

选择它的父元素第一个为li的加就行了