如何看待html元素集合并加工它们?

时间:2015-10-13 18:17:55

标签: javascript jquery angularjs

我在HTMl上有:

<div id='mainPageNavigation'>
   <div><span id='home'><a href='#/'>1</a></span></div>
   <div><span id='faq'><a href="#/faq">2</a></span></div>
   <div><span id='contact'><a href="#/contact">3</a></span></div>
   <div><span id='registration'><a href='#/registration'>4</a></span></div>
   <div><span id='enter'><a href='#/enter'>5</a></span></div>
   <div><span id='page'><a href='#/page'>6</a></span></div>                                                
</div>

我需要观察div#mainPageNavigation内部div。如果用户点击内部div - &gt;使用AngularJS在其他div上的div + remove类上添加类。

1 个答案:

答案 0 :(得分:0)

这不是watchesCollection的意思。您可以在jQuery中执行此操作。请尝试以下代码段:

$("#mainPageNavigation > div > a").click(function () {
  $(this).parent().closest("div").addClass('test');
  $(this).parent().closest("div").siblings().removeClass('test');
})

请确保您将jQuery.min加载到DOM