jq 查元素的同级元素

已于 2024-01-13 09:33:55 修改
阅读量550 收藏 7
点赞数 10
文章标签： 前端 javascript 开发语言
于 2024-01-13 09:33:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1359236225/article/details/135565909
版权 
let parentElement = $('#xh-choose').siblings('[lay-id="xh-choose"]');  // 获取与 id 为 'xh-choose' 的元素同级别具有 lay-id="xh-choose" 属性的父元素
let element = parentElement.find('.layui-table-main');  // 在 parentElement 中查找类名为 '.layui-table-main' 的子元素
element.html('<div>噫！好！我中了！</div>');
渗透黑粒子
关注
  • 10
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jq获取同级元素_JQ获取上级、同级、下级元素
weixin_36269724的博客
12-24 5383
------------------------------------------------------------------------------jQuery----------------------------------------------------------------------1.父级：jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如...
jq获取同级元素_速战速决，让你迅速掌握Selenium所有元素定位方式！
weixin_29914581的博客
01-09 291
被测试网页的HTML代码 data-5ce-guid="5dffa7bd-ed51-eb11-8da9-e4434bdf6706" data-src="http://p01.5ceimg.com/content/5dffa7bd-ed51-eb11-8da9-e4434bdf6706.png" data-lazy="true"...
jquery之同级,父级,子级间元素的添加移除
sinat_35960326的博客
09-16 1712
此篇文章记录常见的遍历和添加方法，例子可查看官方文档 父级 $(selector).parent() 找到直接父级，不包括祖先 $(selector).parents() 找到所有父级，不包括祖先 子级 $(selector).children() 找到直接孩子节点，不包括孙子 $(selector).find() 找到孩子节点，包括孙子 同级 $(selector).prev()...
jQuery获取同级元素
weixin_30672019的博客
07-09 166
next()相邻下一个同级元素 prev()相邻上一个同级元素 siblings()所有同级元素 $("#id").next(); $("#id").prev(); $("#id").siblings(); 转载于:https://www.cnblogs.com/royalxavier/p/5655075.html...
jquery 获取同级元素_如何在jQuery中获取元素的同级
从零开始的教程世界
07-11 6870
jquery 获取同级元素In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQuery API provides siblings() method to achieve this functionality. 在本文中，我们将讨论如何在jQuery中获取HTML元素的同级元素。...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
下面小编就为大家带来一篇使用jquery/js获取iframe父子级、同级获取元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
10-18
主要介绍了jQuery获取所有父级元素及同级元素及子元素的方法，本文给大家介绍的非常详细，具有参考借鉴价值 ,需要的朋友可以参考下
使用jquery选择器如何获取父级元素、同级元素、子元素
01-21
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 代码如下: ”par_div”><a>href_fir</a> <a>href_sec</a> <a>href_thr</a></div> ”par_span”> <a>href_fiv</a> </span> $(document).ready...
jQuery父级以及同级元素查找介绍
12-01
对于同级元素的查找，jQuery提供了以下方法： - `jQuery.prev()`返回紧跟在当前元素前面的兄弟节点。 - `jQuery.prevAll()`返回所有位于当前元素之前的兄弟节点。 - `jQuery.next()`返回紧随当前元素后面的兄弟节点...
jquery选择器 之 获取父级元素、同级元素、子元素
wing 的专栏
05-14 1788
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 href_fir href_sec href_thr href_fiv $(document).ready(function(){ $("a").parent().addClass('a_par'); }); firebug查看jquery parent效果 二、获取同级元素： 1、next([expr
jquery选择器如何获取父级元素、同级元素、子元素
星期⑧博客
08-01 859
一：获取父级元素          1、 parent([expr]): 获取指定元素的所有父级元素        $("li.third-item").parent().css('background-color', 'aqua');          2、parents()：获得当前匹配元素集合中每个元素的祖先元素，应用选择器进行筛选是可选的。                  ...
JQuer同级选择器
荣耀之路
11-29 615
JQuery同级选择器，选择同级元素
选择器及分类
weixin_51493224的博客
11-29 161
class选择器 .header { background-color: red; width: 300px; height: 300px; } id选择器 #nav { background-color: blue; width: 300px; height: 300px; } 标记选择器 div { background-color: green; width: 300px; h...
jq获取同级或者下级的dom节点的操作
qq_23392319的博客
03-03 1523
jQuery.parent(expr) 找父亲节点，比如spanparent或者("span").parent()或者spanparent或者jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点jQuery.contents(),返回下面的所有内容，包括节点和文本。
jQuery的7个同级选择器
热门推荐
front_end_fan
08-29 1万+
jQuery的同级选择器有七个，其中最常用的是next()和prev()，使用时要避免跟after()和before()混淆。前者是获取元素，后者是往指定位置插入值。通过下面的demo可以清楚的了解这7个同级选择器：<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery遍历之同级遍历</title> <script src
jQuery基本选择器
weixin_57762662的博客
05-19 818
我们都知道，在CSS中，选择器是选择页面中的某些HTML元素，jQuery中的选择器我们使用“$”，因为这种方式比较全面，而且也不会存在浏览器的兼容问题。jQuery的选择器有很多，我们把它分为基本选择器、层次选择器、过滤选择器和属性选择器。不过我今天只讲基本选择器，而基本选择器也分为四种：元素选择器、ID选择器、类选择器和并列选择器。 元素选择器： 元素选择器是可以选中HTML文档中所有的某个元素。如$(“li”)可以表示选中本网页中所有的li元素，又如$("input")可以表示选中本网页中所有的i
jQuery –子级和同级选择器示例
一名可爱的技术搬运工
05-21 1202
jQuery子级和同级选择器可以分为四个选择器：后代选择器（AB），子级选择器（A> B），相邻的同级选择器（A + B）和常规的同级选择器（A〜B）。 让我们通过一个例子来了解两者之间的区别。 首先，您必须了解什么是孩子和兄弟姐妹。 让我们看这个例子， <h1>Child and Sibling Selectors example</h1> <div...
【jQuery】定位父级、子级、同级元素
sinat_28537759的博客
02-18 1046
一、获取父级元素 var parent = $("#element").parent();//获取当前元素的父级元素 var parentAll = $("#element").parents();//获取当前元素的所有祖先元素 var close = $("#element").closest(selector);//获取当前元素的最近的祖先元素 二、获取子级元素 var ch...
jq 滚动元素 至 元素可见
最新发布
06-03
要实现将一个元素滚动至可见部分的效果，需要先判断该元素是否在可见区域内，如果不在，则进行滚动。可以使用 jQuery 中的 `scrollTop()` 和 `offset()` 方法来实现。 具体步骤如下： 1. 获取需要滚动的元素的位置信息，可以使用 `offset()` 方法。 2. 判断该元素是否在可见区域内，可以使用 `scrollTop()` 方法和 `$(window).height()` 方法。如果元素在可见区域内，则无需滚动；如果元素在可见区域下方，则将页面滚动至该元素的底部；如果元素在可见区域上方，则将页面滚动至该元素的顶部。 下面是一个示例代码： ```javascript // 获取需要滚动的元素的位置信息 var elementTop = $('#target-element').offset().top; var elementBottom = elementTop + $('#target-element').height(); // 判断该元素是否在可见区域内 var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); if (elementTop < viewportTop) { // 元素在可见区域上方，将页面滚动至该元素的顶部 $('html, body').animate({ scrollTop: elementTop }, 500); } else if (elementBottom > viewportBottom) { // 元素在可见区域下方，将页面滚动至该元素的底部 $('html, body').animate({ scrollTop: elementBottom - $(window).height() }, 500); } else { // 元素在可见区域内，无需滚动 } ``` 该代码将页面滚动至 id 为 `target-element` 的元素的可见部分。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值