Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查找td中的第一个div_Javascript_Jquery - Fatal编程技术网

Javascript 查找td中的第一个div

Javascript 查找td中的第一个div,javascript,jquery,Javascript,Jquery,我指的是表的td中的第一个div,您可以在下面的jQuery代码中看到 $('table tr td div').css("position", "relative"); 但我有一些问题,所以我尝试了这个: $('table tr td').parents('div:first').css({position:'relative'}); 但是这个也不行。我的代码有什么问题 我的HTML结构是: <table> <tr> <td>&

我指的是表的td中的第一个div,您可以在下面的jQuery代码中看到

$('table tr td div').css("position", "relative"); 
但我有一些问题,所以我尝试了这个:

$('table tr td').parents('div:first').css({position:'relative'});
但是这个也不行。我的代码有什么问题

我的HTML结构是:

<table>
    <tr>
        <td><!-- all id for the div and image inside the td are dynamic -->
            <div><!-- Need to access this div -->
                <!-- content --->
            </div>
        </td>
    </tr>
</table>

.parents()
查找所选内容的所有父项。你想要的是一个孩子

$('table tr td div:first').css("position", "relative"); 
这将为您带来好处:)


您可能还希望只选择精确的子体,在这种情况下,您可以使用:

$('table tr td > div:first').css("position", "relative"); 
.parents()
查找所选内容的所有父项。你想要的是一个孩子

$('table tr td div:first').css("position", "relative"); 
这将为您带来好处:)


您可能还希望只选择精确的子体,在这种情况下,您可以使用:

$('table tr td > div:first').css("position", "relative"); 

如果您想从类“vx1”的TD中查找第一个DIV的出现,可以使用以下2种方法

$( "table tr td.vx1 > div:first" ).css( "width", "50" );
$( "table tr th.vx1 > div:first" ).css( "width", "50" );

如果您想查找类'vx1'中TH的第一个DIV的出现,可以使用以下2种方法

$( "table tr td.vx1 > div:first" ).css( "width", "50" );
$( "table tr th.vx1 > div:first" ).css( "width", "50" );

如果您想从类“vx1”的TD中查找第一个DIV的出现,可以使用以下2种方法

$( "table tr td.vx1 > div:first" ).css( "width", "50" );
$( "table tr th.vx1 > div:first" ).css( "width", "50" );

如果您想查找类'vx1'中TH的第一个DIV的出现,可以使用以下2种方法

$( "table tr td.vx1 > div:first" ).css( "width", "50" );
$( "table tr th.vx1 > div:first" ).css( "width", "50" );

此外,您可能只想选择精确的子体,在这种情况下,您可以使用“table tr td>div”您的意思是
“table tr td>div:first”
正如jQuery文档所建议的那样,jQuery(“table tr td div”).filter(:first)更快。当处理沉重的DOM树时。@GuillaumePoussel抱歉,但我不相信这一点。你能发一个链接吗?克丽什:是的:)我把重点放在添加一个“>”而不是完整的选择器:)纪尧姆:我不知道。无论哪种方式,我都会建议按ID或类工作(例如,为表格工作)。这还可以通过一个很好的因素来提高效率:)此外,您可能希望只选择精确的子体,因为您可以使用“table tr td>div”,您的意思是
“table tr td>div:first”
,正如jQuery文档所建议的,jQuery(“table tr td div”)。过滤器(:first)更快。当处理沉重的DOM树时。@GuillaumePoussel抱歉,但我不相信这一点。你能发一个链接吗?克丽什:是的:)我把重点放在添加一个“>”而不是完整的选择器:)纪尧姆:我不知道。无论哪种方式,我都会建议按ID或类工作(例如,为表格工作)。这也会提高效率一个很好的因素:)你想在每个td中找到每个第一个div还是只找到所有div中的第一个?@FelixKling:是的,我需要在每个td中找到每个第一个div你想在每个td中找到每个第一个div还是只找到所有div中的第一个div?@FelixKling:是的,我需要在每个td中找到每个第一个div