jquery 得到了this,如何获得到this下的一个元素

最新推荐文章于 2020-09-10 23:52:59 发布
最新推荐文章于 2020-09-10 23:52:59 发布
阅读量1.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 脚步
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dashileipeng/article/details/9328405
本文介绍了一种使用jQuery简化元素选中的方法。通过一个具体的示例展示了如何利用jQuery的$(this)来查找并选中其内部的radio按钮，解决了直接使用this时无法选择内部元素的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$(this).find(":radio").attr("checked",true); 
找到在A标签里面的radio，选中

这就解决了带this的选择器，不能选择其内部元素是需求了！！！

使用jq获取DOM对象的this和event.target
NsbiCs的博客
10-10 342
通过上述方法，你可以方便地获取到当前操作的DOM对象和事件触发的目标DOM对象，从而在使用jq进行DOM操作时更加灵活和便捷。在使用jQuery（简称jq）处理DOM操作时，经常需要获取当前操作的DOM对象以及事件触发的目标DOM对象。关键字时，它将指向当前操作的DOM对象。无论是绑定了点击事件、改变事件还是其他事件，都可以使用。关键字转换为一个jq对象，从而获得当前操作的DOM对象。来获得事件触发的目标DOM对象。同样，可以根据需要对该对象进行进一步的操作。属性，可以获取事件触发的目标DOM对象。
jQuery获取this当前对象子元素对象的方法
10-21
// 已获取select为当前this元素 }); }); ``` 当`#city`的选择发生变化时，`change`事件触发，内部的匿名函数会被执行。在这个函数内部，`this`会指向触发事件的元素，也就是`<select>`元素本身。 现在，我们要在...
JQuery获取$(this)子节点对象的方法
松篁
07-05 533
相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个obj...
Jquery this选择下一个元素
ad_tb0002的博客
03-30 335
DOM: <UL> <LI><A>xx</A></LI> <LI><A>yy</A></LI> </UL> $.each($(ul li), function(index, e) { 　　var text = $(this).next("a").text...
jquery this里面的对象(div,span等元素)如何获取
WhoWrongsWhere的专栏
05-29 6089
JS代码 $('#aaa').click(function(){ //如果想控制里面的span怎么办呢？ $('>span',this).addClass('bbb'); //这个就是取得当前元素里的某个符合条件的元素 });
this详细解析和如何确定this的值
qq_42251902的博客
05-23 1011
1.1. this是什么？   Ø 在 js中this是一个对象。Ø 它的值是不确定的，只有在代码运行的过程中才能确定this的值。Ø 它的值不能手动更改。 1.2. this的难点 Ø 到处都有this只要你可以写js代码的地方，就可以使用thisØ this的值是动态变化的Ø 你可以修改this这个对象的某个属性，但不能修改this的值   1.3. 确定this的值使用this有两种大类： ...
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
11-28
首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($(‘#id’));时，会弹出一个[object...
详谈jQuery中的this和$(this)
12-02
jQuery对象封装了一个或多个DOM元素，并提供了一系列方便的方法和属性，如`hide()`、`show()`、`css()`等。将`this` 包装成`$(this)` 可以让我们直接利用jQuery的功能，而无需再次查找DOM元素。例如： ```...
Javascript总结(一)
weixin_43121914的博客
09-10 277
s
jq 选择$(this)下的某个元素
weixin_34242658的博客
03-19 408
$(".wrap_xia > div").mouseover(function(){ $(".wrap_xia > div").css("background","");//清除所有div背景颜色 $(this).css("background","#bd0000");//给对应的div背景颜色 $(".wrap_xia >div ")....
jquery获得$(this)下面的指定的子元素
热门推荐
weixin_zsh的博客
08-25 6万+
有时候会遇到循环出来的div，实现用户点击其中一个，据此进行其他操作，我们可以用$(this)来获取用户点击的div，但是如果没有其他的标志来区分这些循环出来的div的话（比如lang值的不同），我们如何获得点击的div的子元素呢？ 方法有两种，都是jQuery中获得子元素的方法------- .find ()  和  .children () find查找所有的子元素，会一直查找，跨层级查找...
jQuery如何选择this下的子元素
猪兜兜仔的博客
09-28 6971
用find（） 示例： $(this).find(".msg9").show();
jQuery radio的取值与赋值
weixin_34198453的博客
08-19 100
取radio的值： JS代码 $("input[name='radioName'][checked]").val();    给radio 赋值, 选中值为2的radio： JS代码   $("input[name='radioName'][value=2]").attr("checked",true); ...
jquery获取$(this)下的子元素以及父元素
weixin_30701521的博客
08-08 6521
<div class="eg"> 　　<div class="eg1"> 　　　　<span>Hello!</span> 　　　　<p>Hi!</p> 　　</div> </div> $(".eg1").live("click", function () { 　　$(thi...
jQuery根据$(this）获取当前对象下相应元素的value值
admin_o1的博客
05-07 1万+
功能需求:用户双击li标签部分时获得相应patient_id值 前端代码： &lt;li class="patient-info"&gt; &lt;input type="hidden" class="gender_name" value="&lt;?php echo $value['gender_name'] ?&gt;"&gt; &lt;input
JQuery 中如何选中$(this)下面的子元素
zsh
05-21 2220
JQuery 中如何选中$(this)下面的子元素 <ul> 　　li><span></span></li> 　　li><span></span></li> </ul> 如上所示 , 如果要选择li 下的span jQuery 的写法如下: $('li').mouseleave(function(){ 　　$(this).find('span').css('left','100%'); });
jQuery实现radio的单选，和取消单选
qq_14855277的博客
07-08 630
requirejs(['../config'], function () {     require(['jquery'], function ($) {         $('.product-container').on('click', '.radio-inline', function(event) {             $(this).find('.radio').prop(
常用jq方法 find,radio,select,option 属性获取及示例
风吹丁丁两边摆
07-18 2876
1.给type=radio赋值 &lt;input type="radio" name="isTitleImg" value="0" checked&gt; $("input[name='a'][value='b']").prop("checked", "checked");2.控制显隐 $(this).css('display', 'block'); $(this).cs
jquery this的子元素
07-08
### 回答1： JQuery中的this表示当前被选中的元素，在使用JQuery方法时会基于这个元素进行操作。如果要针对this的子元素进行操作，可以使用JQuery提供的多个方法来选择并操作子元素。 首先，可以使用find()方法来选择this的子元素。例如，如果this是一个父元素，我们可以使用this.find("子元素选择器")来选择所有子元素，然后对它们进行操作。 另外，可以使用children()方法选择this的直接子元素。这个方法只会选取this的直接下级元素，而不会选择更深层次的子元素。 此外，还可以使用siblings()方法来选择this的同级元素，这些元素具有与this相同的父元素。这个方法可以用于选择和操作其他的兄弟元素。 还有一个常用的方法是next()和prev()，分别用于选择this的下一个兄弟元素和上一个兄弟元素。这些方法很有用，特别是在需要对this的相邻元素进行操作时。 另外，如果需要选择this的第一个子元素或最后一个子元素，可以使用:first-child和:last-child选择器。例如，this.find(":first-child")将选择第一个子元素，this.find(":last-child")将选择最后一个子元素。 总之，JQuery中的this可以通过使用不同的方法和选择器来选择和操作其子元素，包括find()、children()、siblings()、next()、prev()等等。这些方法可以根据需要选择合适的子元素，然后对它们进行各种操作。 ### 回答2： jQuery中的this是指当前选中的元素，而其子元素可以通过this来进行遍历和操作。 首先，通过jQuery选择器选中元素后，this就表示当前选中的元素。我们可以使用this来获取该元素的子元素。 例如，假设我们有一个ul列表： <ul> <li>第一个元素</li> <li>第二个元素</li> <li>第三个元素</li> </ul> 我们可以使用jQuery选择器选中ul，并使用this来获取其子元素li： $("ul").each(function(){ $(this).children("li").each(function(){ // 这里的this表示当前选中的li元素 console.log($(this).text()); }); }); 上述代码中，我们先使用each()方法遍历选中的ul元素，通过children()方法获取其子元素li，然后再使用each()方法遍历li元素。在li元素的遍历中，this表示当前选中的li元素，我们可以通过$(this)来操作和获取li元素的属性和内容。 总结起来，通过this可以获取当前选中元素的子元素，进而实现对子元素的遍历和操作。同时，也可以通过this来获取子元素的父元素，进行父子元素之间的交互。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值