如何使用JQuery获取主体中第一个元素(表单）的id

How to get id of first element (form) in body using JQuery?

本文关键字：表单 id 元素 第一个 JQuery 何使用 获取 主体      更新时间：2023-09-26

对JQuery不太熟悉；我想在jquery中获得表单元素的id，它位于以下位置

<body>
   <div id="boxDialog"> </div>
  <div class="container">
    <div class="header">
       Many Tables and divs
    </div>
  </div>
  <form id="approval"></form> 
 Jquery: : : 
alert($("body.form").attr("id"));

Fiddle：https://jsfiddle.net/j32f9128/

问题：

body.form将选择类为form的body元素，该元素不存在，因此返回undefined。

解决方案：

使用body和form之间的空间并删除.。使用空格，将在body中搜索form元素。

alert($("body form").attr("id"));

您也可以在此处提交body，因为所有的forms都嵌套在body中。

alert($("form").attr("id"));

如果要获得第一个表单元素的id，可以使用first()。

alert($("form").first().attr("id"));

或者你也可以

alert($("form:first").attr("id"));

演示

您已使用form作为类名。选择器尝试查找具有类form的元素体

您应该使用指示与子体匹配的空格，或者同时查找正文和表单的选择器和标记名选择器：

$("body form").attr("id");

相当于

$("body").find("form").attr("id");

演示

你可以试试这个：

$('form').attr('id')

如何使用JQuery获取主体中第一个元素(表单(的id？

这将为您获取主体中的第一个表单元素的id

$('body').find('form').eq(0).attr('id');

演示

相关文章：