Javascript 如何使用JQuery获取正文中第一个元素（表单）的id？_Javascript_Jquery

Javascript 如何使用JQuery获取正文中第一个元素（表单）的id？

javascript jquery

Javascript 如何使用JQuery获取正文中第一个元素（表单）的id？,javascript,jquery,Javascript,Jquery,不太熟悉JQuery；我想在jquery中获取表单元素的id，它位于以下位置 <body> <div id="boxDialog"> </div> <div class="container"> <div class="header"> Many Tables and divs </div> </div> <form id="approval"><

不太熟悉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"));


许多桌子和桌子
Jquery:：：
警报（$（“body.form”）.attr（“id”）；

Fiddle:

您使用了

表单

作为类名。您的选择器尝试查找具有class

form

您应该使用表示与子体匹配的空格，或者使用“查找选择器”以及标记名选择器来查找正文和窗体：

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

这相当于

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

您使用了

表单

作为类名。您的选择器尝试查找具有class

form

您应该使用表示与子体匹配的空格，或者使用“查找选择器”以及标记名选择器来查找正文和窗体：

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

这相当于

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

问题：

body.form

将选择类为

form

的

body

元素，该元素不存在，因此返回

未定义的
解决方案：
在正文
和表单
之间使用空格，然后删除
。使用空格，将在正文
中搜索表单
元素
alert($("body form").attr("id"));

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

您也可以在此处ommitbody
，因为所有表单都嵌套在body
中
alert($("body form").attr("id"));

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

如果要获取first表单元素的id
，可以使用first（）

或者你也可以
alert($("form:first").attr("id"));

问题：
body.form
将选择类为form
的body
元素，该元素不存在，因此返回未定义的
解决方案：
在正文
和表单
之间使用空格，然后删除
。使用空格，将在正文
中搜索表单
元素
alert($("body form").attr("id"));

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

您也可以在此处ommitbody
，因为所有表单都嵌套在body
中
alert($("body form").attr("id"));

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

如果要获取first表单元素的id
，可以使用first（）

或者你也可以
alert($("form:first").attr("id"));


如何使用JQuery获取正文中第一个元素（表单）的id
这将获得主体中第一个表单元素的id
$('body').find('form').eq(0).attr('id');


如何使用JQuery获取正文中第一个元素（表单）的id
这将获得主体中第一个表单元素的id
$('body').find('form').eq(0).attr('id');

您可以尝试以下方法：
$（'form'）.attr（'id'）
您可以尝试以下方法：
$（'form'）.attr（'id'）
谢谢您的详细解释，包括我的错误。这也可以吗？>$（'body>form”）.attr（“id”）？@fatherazrael这是子选择器，如果您的表单
元素直接放置在正文
中，则这将仅选择正文
@fatherazrael的直接后代。您还可以使用
selectorDirectly方法？你引用的所有例子都是针对直系后代的吗？>与选择使用空格有何区别？感谢您的详细解释，包括我的错误。这是否也很好->$（“body>form”）.attr（“id”）？@fatherazrael这是子项
选择器，如果您的表单
元素直接放置在正文
中，则这将仅选择正文
@fatherazrael的直接后代。您还可以使用
selectorDirectly方法？你引用的所有例子都是针对直系后代的吗？>与选择使用空格有什么不同？