在此上下文中导航子元素的javascript保存到var
假设我有以下html在此上下文中导航子元素的javascript保存到var,javascript,Javascript,假设我有以下html <div class="mytable"> <table> <tbody> <tr> </tr> </tbody> <table> </div> <div class="mytable"> <table> <tbody> <tr> </tr&g
<div class="mytable">
<table>
<tbody>
<tr>
</tr>
</tbody>
<table>
</div>
<div class="mytable">
<table>
<tbody>
<tr>
</tr>
</tbody>
<table>
</div>
现在我需要在表中获取tr元素。我该怎么做?我试过这样的方法:
$(that+'>tr')
但是它显然不起作用((非常感谢您的帮助。关于@NenadVracar评论,您可以尝试使用:
$('.mytable').each(function(){
var that = $(this);
var $tr = that.find('tr');
});
$('div>tr')
如果tr
是div
的直接子项,那么它将起作用,但情况显然并非如此
在您的问题中,您谈到了上下文。这个词实际上在jQuery中是合适的,因为它是库的一个正式概念
.find()
当然是一个有效的解决方案。但是,您可以使用函数的可选context
参数进一步简化。如果您不明白我的意思,请查看以下代码:
$('tr','.mytable')。每个(函数(){
var$tr=$(本);
console.log($tr.attr('id'));
});
试试this.find('tr')
我建议您阅读其中解释了所涉及的概念以及其中的ID和类如何?是否可以使用类似$(this.find('myid'))的东西?是的那样。find('myid')
您的HTML无效。
元素不允许在
$('.mytable').each(function(){
var that = $(this);
var $tr = that.find('tr');
});