Question

我正在写$(this).closest('.comment').find('form').toggle('slow');，问题是孩子的每个表格都被切换了。我想只切换第一个表格。 html类似于下面的内容，这是一个链接

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

Answer 1

您可以使用

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

或

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

Answer 2

使用:first选择器，如下所示：

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

Answer 3

我用

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

因为它是选择查询切片的最明确方式，因为它可以很容易地修改，以匹配第一个元素而不是下一个元素等。

Answer 4

使用jquery只需使用：

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

Answer 5

使用以下示例进行jquery查找以获取第一个元素

More filtring methods With Demo

$(document).ready(function(){
  $(".first").first().css("background-color", "green");
});

.first{
    padding: 15px;
    border: 12px solid #23384E;
    background: #28BAA2;
    margin-top: 10px;
}

<!DOCTYPE html>
<html>
<head>
<title>jQuery First Method Example By Tutsmake</title> 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
</head>
<body>
 
<h1>This is first() method example</h1>
 
<div class="first">
  <p>A paragraph in a div.</p>
  <p>Another paragraph in a div.</p>
</div>
<br>
 
<div class="first">
  <p>A paragraph in another div.</p>
  <p>Another paragraph in another div.</p>
</div>
<br>
 
<div class="first">
  <p>A paragraph in another div.</p>
  <p>Another paragraph in another div.</p>
</div>
 
</body>
</html>

Answer 6

获得find的第一个结果的最简单方法是使用旧的[index]运算符：

$('.comment').find('form')[0];

像魅力一样工作！

jquery找到第一个元素

6 个答案: