如何使用jquery访问特定表单和特定类型的元素

How to access elements from a certain form and certain type with jquery

本文关键字:类型 元素 表单 访问 何使用 jquery      更新时间:2023-09-26

所以我有多个表单的页面,我希望能够访问特定表单内的type="datetime"的输入元素。我知道我可以用$('input[type="datetime"]')但是那将会给我页面上所有的输入标签。我也不能使用"表单"属性,因为不是所有的浏览器都使用它(叹气IE)。对我来说,更糟糕的情况是这样做:

$(document.forms["..."].elements).each(function() {
    if (this.type="datetime") {.....}
});

,但我相信这可以在jQuery一个选择器完成。有人能告诉我如何用一个选择器做这个吗?

将id添加到表单中,然后在表单中选择DOM,如下所示。

$('#form input[type="datetime"]')

如果没有看到一些HTML,这只是在黑暗中拍摄。但是如果你给你的表单一个id你可以这样做:

$("#yourFormId input[type='datetime']");

如果您没有id,但您知道编号,那么可以这样做:

$("form:eq(4) input[type='datetime']");

有多种方法可以做到

解决方案1。
使用后代选择器
例:

$('#yourform input[type="datetime"]') //or
$('.yourform input[type="datetime"]') //or
$('form:eq(3) input[type="datetime"]')


解决方案2:使用基于上下文的查找
例:

$('input[type="datetime"]', yourform)