如何获取父元素下的最后一个子元素或者第一个子元素

最新推荐文章于 2024-06-13 10:12:21 发布
最新推荐文章于 2024-06-13 10:12:21 发布
阅读量7.8k 收藏 1
点赞数
分类专栏： jquery相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Islandww/article/details/67637536
版权

var lastid = $(this).parents(".userinfo_body").children("tr:last-child").attr("id"); 最后一个子元素

同理 第一个子元素 将last-child 改成first-child即可

Islandww
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取任意一个父级元素的最后一个子级元素和第一个元素兼容浏览器
u014414110的博客
03-13 9559
</head> <ul id="uu"> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>55
js元素获取DOM里的最后一个子元素
YAYTXT的博客
02-23 2870
<select name="a" id="a" class="sec"> <option value="1">这是a1</option> <option value="2">a2a2a2</option> <option value="3">a3这是</option> </select> var aAll = document.querySelectorAll('#a opt
CSS获取子元素指定类名最后一个元素
最新发布
有点东西
06-13 252
【代码】CSS获取子元素指定类名最后一个元素。
获取父级父级元素的子元素的第一个
九亿宅男的梦的博客
04-08 1082
<tr> <th>1</th> <th>2</th> <th>3</th> <th> <input type="button" value="详情" class="yushen_btn"> </th> </tr&gt...
css实现 快速定位父元素下最后面的几个子元素，匹配选择最后几个子元素
业余前端的职业经历
10-30 2151
这样的业务还是会有的 特别的一些动态数据，因为前面的几个数量不定，但是后面几个是固定的这个时候，就需要我们能不能固定选中后面几个元素了 比如。选中后面三个元素。 其实我们可以通过css来实现了 很简单的 核心代码就是 nth-last-child(n) 这个伪类选择器的运用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="
css选中父元素下的第一个子元素(:first-child)
11-19
前言
css匹配选择属于其父元素的第N个子元素的方法
12-10
`nth-child(n)`是一个强大的选择器，它允许我们选择属于其父元素的第N个子元素。这个功能在设计复杂的网页布局时非常有用，因为它可以精确地定位到我们想要操作的元素。 在提供的例子中，`<style type="text/css"> ...
js获取元素下的第一级子元素的方法(推荐)
12-01
在JavaScript中，获取HTML元素下的第一级子元素是一项常见的任务，尤其在进行DOM操作时。在给定的标题和描述中，提到了一种通过`getElementsByTagName('*')`和遍历节点类型来实现的方法。这里我们将详细解释这个过程...
CSS first-chjld伪类属性匹配一个序列的第一个元素
12-13
`:first-child`是CSS中的一个伪类选择器，它用于选取文档中某个父元素的第一个子元素。这个选择器在设计网页样式时非常有用，特别是当你想要对序列中的第一个元素进行特殊处理，比如添加边框、改变背景色或者调整...
jquery查找父元素、子元素(个人经验总结)
12-01
例如，`document.getElementById('div2').children[0]`将获取`<div2>`的第一个子元素。 在实际应用中，这些方法可以结合事件监听器，如`click`，来实现动态交互。例如，当点击`<td>`元素时，可以找出其所在的`...
css选择器选择最后一个子元素
sixteen_cicle的博客
05-05 4万+
:last-child      p:last-child     选择属于其父元素最后一个子元素每个 元素。 div.news div:last-child { border-right:none; }
css选择器:last-child和:last-of-type区别
kliberty的博客
04-15 645
结论： 1.:last-child表示其父元素的最后一个子元素，且这个元素是css指定的元素，才可以生效 2.:last-of-type表示其父元素下的最后一个指定类型的元素，不必要求父元素最后一个子元素与css指定元素一样 :last-child :last-of-type ...
CSS的选择器 :first-child和:last-child
Learning_xzj的博客
08-21 8087
转载！！！原文地址：https://blog.csdn.net/weixin_44710964/article/details/104502602?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.control&spm=1001.2101.3001.4242 last-child选择器查了下W3C的文档发现我想的没那么简单。 就拿:last-child举例，文档中对其的解释是：
选择某类的最后一个元素——CSS3伪类选择器走过的坑
MFWSCQ的博客
07-01 1万+
css3选择器
css选择最后一个元素
高先生的猫
06-04 3万+
ES6允许按照一定模式从数组或对象中提取值，然后对变量进行赋值，称为解构。只要等号两边的模式相同，左边的变量就会被赋予对应的值，这种写法属于“模式匹配”。统称起来就叫做“解构赋值”。 let [a, b, c] = [1, 2, 3] 同时定义多个变量，a匹配1、b匹配2、c匹配3 解构赋值允许指定默认值，即左边变量指定默认值，右边没有对应的值，会优先输出默认值。 let [x, y = 'b'] = ['a'] // x = 'a', y = 'b' x匹配字符a，y..
在vue3中实现获取鼠标点击在页面上的x,y坐标系
weixin_43964061的博客
07-27 2662
在vue3中实现获取鼠标点击页面的x,y坐标的方法如下图所示。
使用递归方法获取子节点树（以PHP为例）
红壶吃猬队的博客
01-28 1404
function getChild($arrs, $parentId){ $list=[]; foreach($arrs as $arr){ if($arr['parentId']==$parentId){ $arr['child']=getChild($arrs, $arr['id']); $list[]=$arr;...
jquery如何获取第一个或最后一个子元素？
热门推荐
u010227447的专栏
05-04 6万+
通过children方法，children("input:first-child") 1 2 $(this).children("input:first-child").val(); $(this).children("input:last-child").val(); 通过>选择器，$(".items>
first-child和last-child的一点理解
keanuhrb的博客
05-20 8390
在看CSS时，看到first-child和last-child，看了点资料，谈谈自己的感想。 first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 last-child选择器用于选取属于其父元素的最后一个子元素的指定选择器。 我们来看两个简单的例子： a: first-child {color：yellow;} p: last-child {background: pink;} 从这两个例子我们可以看出first-child和last-child的含义。这两个选择器实际上是一种
父元素中只有两个子元素，如何让第一个子元素水平居中 另外一个子元素靠右边
06-08
可以使用 `justify-content` 和 `align-items` 属性来实现这样的布局。 首先，将 `display` 属性设置为 `flex`，然后使用 `justify-content: center` 让第一个子元素水平居中。接着，使用 `align-items: flex-end` 让第二个子元素靠右对齐。 以下是一个示例代码： ```html <div class="container"> <div class="item1">子元素1</div> <div class="item2">子元素2</div> </div> ``` ```css .container { display: flex; justify-content: center; align-items: flex-end; } .item1 { background-color: blue; padding: 10px; } .item2 { background-color: red; padding: 10px; } ``` 在上面的代码中，我们设置了 `.container` 元素为弹性容器，并使用 `justify-content: center` 让第一个子元素水平居中，使用 `align-items: flex-end` 让第二个子元素靠右对齐。同时，我们为两个子元素设置了背景色和内边距，以便更好地观察布局效果。 效果如下所示： ![父元素中只有两个子元素，让第一个子元素水平居中，另外一个子元素靠右边](https://i.imgur.com/9Uqb5vL.png)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值