Question

对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"));

小提琴：https://jsfiddle.net/j32f9128/

Answer 1

<强>问题：

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

<强>解决方案：

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

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

您也可以在此处省略body，因为所有forms都嵌套在body内。

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

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

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

或者你也可以

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

Demo

Answer 2

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

的元素主体

您应该使用指示与后代匹配的空格，或者为主体和表单找到选择器以及标记名选择器：

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

相当于

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

<强> Demo

Answer 3

你可以试试这个：

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

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

3 个答案: