📌  相关文章
📜  获取 div jquery 中的输入字段 - Javascript (1)

📅  最后修改于: 2023-12-03 14:57:12.516000             🧑  作者: Mango

获取 div jquery 中的输入字段 - Javascript

如果您想获取一个 div 元素中的输入字段,那么您可以使用 jQuery 的 find() 方法来查找它们。

以下是一个示例代码片段,它将获取一个 div 元素中名称为 myInput 的文本输入框的值,并将其存储在变量 inputValue 中:

var inputValue = $('div').find('input[name=myInput]').val();

该代码首先选择了所有的 div 元素,然后使用 find() 方法查找名称为 myInput 的输入字段。最后,使用 val() 方法获取输入字段的值并将其存储在变量 inputValue 中。

注意,此示例假定您已经加载了 jQuery 库。如果您还没有加载,请在 HTML 文件的 <head> 中添加以下代码:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

这里是完整的代码片段,它将获取一个 div 元素中的所有文本输入框的值,并将它们存储在一个数组中:

var inputValues = [];

$('div').find('input[type=text]').each(function() {
  inputValues.push($(this).val());
});

该代码首先定义了一个空数组 inputValues,然后使用 find() 方法查找所有类型为 text 的输入字段。然后,使用 each() 方法迭代每个输入字段,并使用 val() 方法获取它们的值。最后,将每个值添加到 inputValues 数组中。

希望这个简短的教程能够帮助你获取 div 元素中的输入字段。如果您有任何问题,请在评论区留言。