jquery查找获取第一个元素

I am writing $(this).closest('.comment').find('form').toggle('slow'); and the problem is each of the forms in the child is being toggled. I would like only the first form to be toggled. the html is something like the below and this is the a link

我写信是美元(这).closest(.comment);(形式).toggle(“慢”);问题是，子节点中的每一个表单都被切换了。我只希望第一个表单被选中。html像下面这样，这是a链接

<div comment>
<a href>
<form>
</form>
    <a href>
    <div comment>
    <form>
    </form>
    </div>
</div>

4 个解决方案

#1

You can use either

您可以使用

$(this).closest('.comment').find('form').eq(0).toggle('slow');

或

$(this).closest('.comment').find('form:first').toggle('slow');

#2

Use :first selector like below :

使用:第一选择器如下:

$(this).closest('.comment').find('form:**first**').toggle('slow');

#3

I use

我使用

$([selector]).slice(0, 1)

because it's the most explicit way to select a slice of a query and because it can be easily modified to match not the first element but the next, etc.

因为它是选择查询片段的最显式的方式，而且可以很容易地修改它，使其与第一个元素匹配，而不是与下一个元素匹配，等等。

#4

using jquery simply use:

使用jquery简单地使用:

    $( "form" ).first().toggle('slow');

#1