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

最新推荐文章于 2024-05-20 11:07:36 发布
最新推荐文章于 2024-05-20 11:07:36 发布
阅读量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父元素获取子元素img_js 下获取子元素的方法
weixin_39894473的博客
12-19 2284
笔记核心：firstElementChild只会获取元素节点对象，从名称就可以看出来，firstChild则可以获取文本节点对象(当然也可以获取元素节点对象)，比如空格和换行都被当做文本节点。js不同于jQuery，在获取DOM时，有很多不方便的地方，哎，没办法，原始的东东，虽然万能，但却不方便。咱今天在使用原生js的时候，就遇见一个坑------》firstChild，具体是使用firstChi...
xpath获取同级元素 子元素，子元素取父元素等
angel725的专栏
06-17 6251
XPath轴(XPath Axes)可定义某个相对于当前节点的节点集： 1、child 选取当前节点的所有子元素 2、parent 选取当前节点的父节点 3、descendant 选取当前节点的所有后代元素（子、孙等） 4、ancestor 选取当前节点的所有先辈（父、祖父等） 5、descendant-or-self 选取当前节点的所有后代元素（子、孙等）以及当前节点本身 6、ancestor-or-self 选取当前节点的所有先辈（父、祖父等）以及当前节点本身 7、preceding-si...
css选择器:last-child和:last-of-type区别
kliberty的博客
04-15 643
结论： 1.:last-child表示其父元素的最后一个子元素，且这个元素是css指定的元素，才可以生效 2.:last-of-type表示其父元素下的最后一个指定类型的元素，不必要求父元素最后一个子元素与css指定元素一样 :last-child :last-of-type ...
CSS的选择器 :first-child和:last-child
Learning_xzj的博客
08-21 8077
转载！！！原文地址：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举例，文档中对其的解释是：
JavaScript 获取 HTML 中特定父元素下的子元素
最新发布
qq_39454432的博客
05-20 624
JavaScript 获取 HTML 中特定父元素下的子元素
选择某类的最后一个元素——CSS3伪类选择器走过的坑
MFWSCQ的博客
07-01 1万+
css3选择器
css选择器选择最后一个子元素
sixteen_cicle的博客
05-05 4万+
:last-child      p:last-child     选择属于其父元素最后一个子元素每个 元素。 div.news div:last-child { border-right:none; }
js元素获取DOM里的最后一个子元素
YAYTXT的博客
02-23 2861
<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选中父元素下的第一个子元素(:first-child)
11-19
在CSS（层叠样式表）中，`:first-child`伪类选择器是一个非常有用的工具，它允许我们选择并应用样式给父元素下的第一个子元素。然而，在实际使用中，可能会出现一些误解，导致预期效果与实际效果有所偏差。本文将...
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选择最后一个元素
高先生的猫
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..
js获取任意一个父级元素的最后一个子级元素和第一个元素兼容浏览器
u014414110的博客
03-13 9555
&lt;/head&gt; &lt;ul id="uu"&gt; &lt;li&gt;111&lt;/li&gt; &lt;li&gt;222&lt;/li&gt; &lt;li&gt;333&lt;/li&gt; &lt;li&gt;444&lt;/li&gt; &lt;li&gt;55
css实现 快速定位父元素下最后面的几个子元素，匹配选择最后几个子元素
业余前端的职业经历
10-30 2151
这样的业务还是会有的 特别的一些动态数据，因为前面的几个数量不定，但是后面几个是固定的这个时候，就需要我们能不能固定选中后面几个元素了 比如。选中后面三个元素。 其实我们可以通过css来实现了 很简单的 核心代码就是 nth-last-child(n) 这个伪类选择器的运用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="
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 8385
在看CSS时，看到first-child和last-child，看了点资料，谈谈自己的感想。 first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 last-child选择器用于选取属于其父元素的最后一个子元素的指定选择器。 我们来看两个简单的例子： a: first-child {color：yellow;} p: last-child {background: pink;} 从这两个例子我们可以看出first-child和last-child的含义。这两个选择器实际上是一种
nth-child选择器 | 属性选择器详解
GR6080的博客
01-06 1万+
前端的兄弟想必都接触过CSS中一个神奇的玩意，不用添加class名可以轻松获取你想要的标签并给与修改添加样式，是不是很给力，它就是：nth-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、付费专栏及课程。

余额充值