将常见的javascript函数执行限制为元素

Question

我想将常见的javascript函数执行限制为元素。假设我有三个div元素：

<div id="a"><div class="d"></div></div>
<div id="b"><div class="d"></div></div>
<div id="c"><div class="d"></div></div>

功能如：

changeColor function(){ $(".d").callOtherFunction();  });
changeColor(); 

我想要做的是限制d元素#a的函数执行而不改变changeColor的定义。

提前致谢。

请参阅：js fiddle当我点击更改颜色链接时，每个div的背景都在变化。我不想要这个，我想要第一个div的背景应该改变。 请注意，我不想更改changeColor函数的定义是小提琴

Answer 1

仅changeColor()元素应用#a .d而不更改功能的唯一方法是从a和#b中删除类#c伸。

$('#b .d, #c .d').removecClass('d');
changeColor(); 

Answer 2

如果我理解你的话。您想要选择class d并排除id=a

changeColor function(){ $(".d").not("#a").callOtherFunction();  });
    changeColor();