什么是JQuery等价于document.forms["id"]["name"].value;

Question

jQuery等效于document.forms["id"]["name"].value;语法是什么？

我试过：

let firstname = $("form #booking_form name").val(); // undefined
let name = $("form #booking_form firstname").val(); // undefined

我想改变这个：

let firstname = document.forms["booking_form"]["name"].value;
let name = document.forms["booking_form"]["firstname"].value;
console.log(name); undefined
console.log(firstname); undefined

感谢您的帮助。

Answer 1

document.forms集合由form的name属性索引，子表单控件也是如此，因此document.forms["id"]["name"].value的 jQuery 等效项是：

$('form[name="id"] :input[name="name"]').val();

要转换您的第一个示例，将是：

let firstname = $('form[name="booking_form"] :input[name="name"]').val();
let name = $('form[name="booking_form"] :input[name="firstname"]').val();

如您所见，这有点麻烦。您最好将类或 ID 放在表单控件上，以便您能够直接选择它们。