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

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

兄弟元素的弟弟元素如何选中前面的哥哥元素相关推荐

vue选中点击的元素_vue中v-for循环选中点击的元素并对该元素添加样式操作
相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变:但是往往所有v-for循环出的元素都会变化.如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变, ...
html 选中变颜色变化,如何防止HTML中的选项中的颜色变化以及选中的元素在html中被选中并失去焦点？...
我有一个风格化的SELECT元素. 当我点击并元素每一个工作正常. 但是如果改变焦点,checked元素会改变颜色.如何防止HTML中的选项中的颜色变化以及选中的元素在html中被选中并失去焦点? 下 ...
CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child）
目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...
添加指定的元素，到指定的位置，后面的元素整体后移一位
/*** 添加指定的元素,到指定的位置,后面的元素整体后移一位*/ public class Demo2 {public static void main(String[] args) {//定义一个 ...
用360检查元素时怎么知道html文件名,360浏览器审查元素怎样用？360浏览器开发工具使用教程...
360浏览器审查元素怎样用?360浏览器开发工具使用教程首先来说说如何打开360浏览器开发工具吧.提醒:要使用360浏览器的极速模式才能使用审查元素功能,用兼容模式是不能使用审查元素功能的. 先打开 ...
通过jQuery的slideToggle()方法实现元素的显示隐藏时，利用当前ul元素display的值判断状态遇到的问题
项目场景: 通过jQuery的slideToggle()方法实现元素的显示隐藏时,利用当前ul元素display的值判断状态,点击当前p标签时,显示隐藏兄弟元素ul,当ul显示时p为灰色,隐藏则p为蓝 ...
python序列元素的编号称为_序列元素的编号称为 ,它从开始,访问序列元素时将它用括起来。 (3.0分)_学小易找答案...
[单选题]中国传统建筑中临水的建筑形式是什么? [判断题]中国的黑龙江漠河和新疆阿尔泰地区均有极光出现. [填空题]为上图中所示电路的VCC网络和GND网络添加一条设计规则,即"设置VCC和 ...
对话屏幕Dynpro(SE51) 屏幕元素屏幕属性 PAI事件的触发、屏幕元素Function Code设置屏幕流逻辑Screen Flow Logic 对话屏幕中的字段命名大小写问题
对话屏幕Dynpro(SE51) 屏幕元素屏幕属性 l 屏幕序号(Screen number).四个数字组成的序列号,用于在程序中确定屏幕,该序号在同一个ABAP程序内部是唯一的. l 屏幕类型 ...
css3伪元素有哪些(两个必会的伪元素)
一.css3伪元素是什么? css3伪元素用于向某些选择器设置特殊效果.已存在元素是指DOM中存在的,伪元素则是虚拟的一种,样式也是给这个虚拟的元素使用的. 比如伪元素 :before和:after, ...

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

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

兄弟元素的弟弟元素如何选中前面的哥哥元素相关推荐

最新文章

热门文章