JQuery获取this当前对象子元素对象

最新推荐文章于 2021-06-04 12:39:45 发布
最新推荐文章于 2021-06-04 12:39:45 发布
阅读量310 收藏
点赞数

<div> 

 

02     <span>span test</span> 

 

03     <a href=""></a> 

 

04     <img src="test.jpg" /> 

 

05 </div> 

 

06   

 

07 假如你已经获取到div为当前的this对象，怎么去获取span, a, img等子元素呢？ 

 

08 其实很简单： 

 

09   

 

10 $(this).children("span") 

 

11 $(this).children("a") 

 

12 $(this).children("img")

 

 

刚开始接触的同学可能会这样写$(this “a “)之类，这样语法会报错

 

 

摘自：http://lok.me/2011/08/jquery-get-this-children-object/ 

jjjy00
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery获取this当前对象子元素对象的方法
10-21
总结一下，jQuery中获取`this`当前对象子元素对象的方法主要有两种：一是使用jQuery选择器，二是结合`this`和`children()`或`find()`方法。在实际应用中，根据场景选择合适的方法，可以更高效地操作DOM元素。希望这...
jQuery 获取对象 定位子对象
10-29
以下是一些关于jQuery获取对象和定位子对象的关键知识点： 1. **选择器（Selectors）**：jQuery提供了一系列的选择器来帮助我们精准定位DOM元素。例如： - `#` 用于选择ID，如`$("#myID")`将选取ID为`myID`的元素...
Jquery如何获取子元素
热门推荐
手掌日月摘星辰
06-20 13万+
前端面试秘籍：https://github.com/yisainan/web-interview 欢迎star Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。 1.children()方法：获取该元素下的直接子集元素 2.find()方法：获取该元素下的所有子集元素 分别以以下HTML代码为例：...
jQuery获取当前点击的对象元素
ITdada的专栏
05-27 7万+
段落1         段落2         段落3         段落4         段落5            //获取当前点击的对象     $('p').click(         function(){             //this表示当前被点击元素，但是此时我们当做dom对象             //window.alert(this.inn
jQuery获取this当前对象子元素对象
itmyhome的专栏
11-30 5887
select id="city"> option value="beijing">北京option> option value="shanghai">上海option> option value="shenzhen">深圳option> select> $(function(){ $("#city").change(function(){
js和jquery获取当前对象的子元素
10-17 420
开发中经常遇到需要获取ul下的il对象，个人总结了js和jquery的方法。 HTML片断： <ul class="box"> <li>子元素1</li> <li>子元素2</li> <li>子元素3</li> &lt...
jquery 获取鼠标指向的html dom,jquery中如何获取当前DOM对象里的子元素？
weixin_30100295的博客
06-04 735
常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,c...
jquery 的on方法获取发生事件的元素对象
xinghuo0007的博客
05-08 1万+
jquery 的on方法获取发生事件的元素对象方法一：一个元素绑定事件的时候方式一：使用$(this)获取 如下代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.1.js"></script>
jquery按下标获取元素_jquery获取元素的方法
weixin_39673972的博客
12-22 2643
一.根据标签属性或属性值获取1.根据属性获取元素比如要获取页面p标签中属性有id的元素代码如下:$("p[id]").css("color","red");12.根据属性值获取元素特殊符号 $ ， ！ ， * ， @ ， ^ 的灵活使用。2.1 $[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下：123jq代码：$("input[name$='let...
jquery 点击当前元素获取它的子元素的id,val,tagName
weixin_45237065的博客
08-19 3701
https://wenwen.sogou.com/z/q708906416.htm jquery获取子元素的方法有2种，分别是children()方法和find()方法。 1.children()方法：获取该元素下的直接子集元素 2.find()方法：获取该元素下的所有子集元素 3.children()方法获取ul下面直接子集元素li：$("ul").children("li") 4.find()方法获取ul下所有元素li：$("ul").find("li") 5.children和find的区别：chil
jquery查找父元素、子元素(个人经验总结)
12-01
在JavaScript和jQuery中，查找和操作DOM元素是常见的任务，特别是涉及到父元素和子元素的查找。本篇文章将深入解析jQuery中用于查找父元素和子元素的方法，以及如何在实际应用中灵活运用。 首先，jQuery提供了多种...
jquery将一个表单序列化为一个对象的方法
10-26
在HTML中，表单是由`<form>`元素及其子元素（如`<input>`, `<select>`, `<textarea>`等）组成的，用于收集用户输入的数据。序列化是将这些数据转换为字符串的过程，这样它们就可以通过Ajax请求或其他方式发送到...
2024年欧洲铝桁架市场主要企业市场占有率及排名.docx
07-17
2024年欧洲铝桁架市场主要企业市场占有率及排名.docx
torchaudio-0.13.1+cpu-cp39-cp39-win_amd64.whl
最新发布
07-17
torchaudio软件包，直接下载下来，通过命令窗口输入：pip install torchaudio-xxx.whl安装就行，再也不怕pip安装timeout了
出入库存盘点表-图表分析-分类查询-Excel模板
07-17
【作品名称】：出入库存盘点表-图表分析-分类查询-Excel模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
torchaudio-0.12.1+cpu-cp37-cp37m-win_amd64.whl
07-17
torchaudio软件包，直接下载下来，通过命令窗口输入：pip install torchaudio-xxx.whl安装就行，再也不怕pip安装timeout了
中南大学机械设计课程设计说明书.doc
07-17
说明书
jQuery 获取当前元素的子元素的方法
05-30
jQuery 获取当前元素的子元素的方法有以下几种： 1. 使用 children 方法，该方法返回当前元素的所有子元素，可以通过选择器来筛选符合条件的子元素。例如： ``` var children = $("#parent").children(); ``` 2. 使用 find 方法，该方法可以在当前元素的后代元素中查找符合条件的元素，可以通过选择器来指定查找条件。例如： ``` var children = $("#parent").find("div"); ``` 3. 使用 contents 方法，该方法返回当前元素的所有子节点，包括元素节点、文本节点等，可以通过 filter 方法来筛选出元素节点。例如： ``` var children = $("#parent").contents().filter(function() { return this.nodeType == 1; }); ``` 这个例子中，我们先使用 contents 方法获取了所有的子节点，然后使用 filter 方法来筛选出元素节点。 4. 使用 context 参数，该参数可以指定查找的上下文，即在哪个元素内查找符合条件的元素。例如： ``` var children = $("div", "#parent"); ``` 这个例子中，我们使用了 context 参数来指定查找的上下文，即在 id 为 parent 的元素内查找 div 元素。 注意，以上方法返回的是 jQuery 对象，如果需要获取原生 DOM 元素，可以使用 get 方法或者数组下标访问。例如： ``` var child = $("#parent").children().get(0); ``` 或者： ``` var child = $("#parent").children()[0]; ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值