使用jQuery,如何选择$(this)的子元素?
粗略的HTML结构:使用jQuery,如何选择$(this)的子元素?,jquery,dom,jquery-selectors,this,Jquery,Dom,Jquery Selectors,This,粗略的HTML结构: <div class="wrapper"> <p></p> <p></p> <p></p> </div> <div class="wrapper"> <p></p> <p></p> <p></p> </div> <div class="wrapper"&g
<div class="wrapper">
<p></p>
<p></p>
<p></p>
</div>
<div class="wrapper">
<p></p>
<p></p>
<p></p>
</div>
<div class="wrapper">
<p></p>
<p></p>
<p></p>
</div>
我基本上想做以下事情:
$(this).('p:eq(2)').remove();
或
从$(this)
开始,我只想选择其中的子元素
$('.wrapper p').eq(1).remove();
.find()是您可以查找的另一个方法
.find()是您可以查找的另一种方法。您可以执行以下操作:
$('div.wrapper').each(function() {
$('p:eq(2)', this).remove();
});
它使用此
作为相对于要查找的元素的容器或父级
或
它使用.find()
执行与上面相同的操作
您可以执行以下操作:
$('div.wrapper').each(function() {
$('p:eq(2)', this).remove();
});
它使用此
作为相对于要查找的元素的容器或父级
或
它使用.find()
执行与上面相同的操作
要仅获取
$(此)
的子项,您可以使用:
$(this).children();
要仅获取
$(this)
的子项,可以使用:
$(this).children();
使用它作为上下文,如
$('p',this)
或使用find()
如$(this)。查找('p')
将它作为上下文,如$('p',this)
或使用find()
如$(this)。查找('p')
这似乎正是我要找的。非常感谢。正如您在第一个示例中所演示的,我还不明白您可以使用上下文。使用相同的第一个示例,您认为最简单的方法是什么,以包含一个只针对后面的包装器div而不包括第一个包装器div的方法?我尝试了:gt(0)
和.slice()
,但运气不好。如果你想对div做点什么,但不是第一个,你可以在末尾添加。not(“:first”)
。像这样道歉。我的意思是忽略第一个div,然后只查找第二个及以后的div中的项目。啊,这也很简单。使用$('div.wrapper')。而不是('first')
或$('div.wrapper:gt(0)
,而不是$('div.wrapper')
。这似乎正是我要找的。非常感谢。正如您在第一个示例中所演示的,我还不明白您可以使用上下文。使用相同的第一个示例,您认为最简单的方法是什么,以包含一个只针对后面的包装器div而不包括第一个包装器div的方法?我尝试了:gt(0)
和.slice()
,但运气不好。如果你想对div做点什么,但不是第一个,你可以在末尾添加。not(“:first”)
。像这样道歉。我的意思是忽略第一个div,然后只查找第二个及以后的div中的项目。啊,这也很简单。使用$('div.wrapper')。而不是(':first')
或$('div.wrapper:gt(0)
而不是$('div.wrapper')
。
$(this).children();