兄弟元素的弟弟元素如何选中前面的哥哥元素
若先解决兄弟元素中的弟弟元素能选中哥哥元素,就必须使用JQ
$('div.twelve').siblings("div.one").css('background-color', 'red');
这段为jq语言里的给第十二个div的哥哥元素第一个div添加b-c属性,sibling为选中所有兄弟,在里面寻找类名为.one的div进行添加属性。
当是上述jq是一段白话,很干,即需要添加它的触发语言,即
$("div.twelve").on("click", function () {
});
为当第十二个div被点击的时候,触发某种效果,on为告诉程序,需要给第十二个div附加一些效果。联合起来为:
$("div.twelve").on("click", function () {
$('div.twelve').siblings("div.one").css('background-color', 'red');
});
即为当第十二个div被点击的时候,给它的哥哥元素,类名为one的div添加b-c为red的属性。
上述为他们的触发机制没有堆叠在一起,在考虑层叠机制的问题的话,就涉及谁先点击谁后点击的问题,应此需要全盘考虑,需要在点击左边之后能够对它所对应的下一个标签,以及右边与他对应的下一个标签,需要对每一个触发效果以及触发后的结果全部进行设置,用这个:
$("div.twelve").on("click", function () {
$('div.twelve').siblings("div.one").css('background-color', 'red');
});
对多个进行设置。
(注:运用jq的时候,css不需要制作动画,一边用css制作,一边用jq会导致某一些动画失效,以及代码重复)