巅峰霸主 > 代码分享 > 源代码分享 >

jQuery获取子元素并添加删除css方法

时间:2021-02-13 00:27:22  来源:巅峰霸主网  作者:烈火大地 点击:
摘要:使用jQuery来控制页面的css元素时,有时候需要对某个div的子元素的样式进行修改,方法如下……

逻辑上首先要使用jQuery获取子元素,然后对子元素的样式进行添加或删除。实现jQuery代码:

$(".frame-2-1-l").children(".move-span").addClass("me-0");

网页HTML代码:

<div id="frame1zti1O_left" class="column frame-2-1-l col-9 col-12 col-md-9">
    <div id="frame1zti1O_left_temp" class="move-span temp"></div>
    <div id="portal_block_13" class="xbs_1 block move-span"></div><!--需要在这个class里面添加样式‘me-0’-->
</div>

实现功能:

因为网页中有多个位置中使用的div的class和第三行一样,所以不能直接对其使用jQuery来修改,我只需要修改这一处,而id是动态的,有不能固定,并且我对这个div的class也无法添加一个自定义元素。

我需要修改的class中的上一级div中“frame-2-1-l”是唯一值,所以,先获得这个唯一值,然后偶选择器子类下的“move-span”,这样接着给这个move-span后面添加一个css元素,最后想要的功能得以实现。

图片.png

上图所示,需要的子元素已经按照需要实现了。

(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部