兄弟元素的弟弟元素如何选中前面的哥哥元素

兄弟元素的弟弟元素如何选中前面的哥哥元素

若先解决兄弟元素中的弟弟元素能选中哥哥元素,就必须使用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会导致某一些动画失效,以及代码重复)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值