我有一个div,它有几个输入元素在它…我想要遍历每一个元素。想法吗?
当前回答
使用children()和each(),您可以选择将选择器传递给子代
$('#mydiv').children('input').each(function () {
alert(this.value); // "this" is the current element in the loop
});
你也可以只使用直接子选择器:
$('#mydiv > input').each(function () { /* ... */ });
其他回答
$('#myDiv').children().each( (index, element) => {
console.log(index); // children's index
console.log(element); // children's element
});
这个迭代遍历所有的子元素,它们的带有index值的元素可以分别使用element和index访问。
使用children()和each(),您可以选择将选择器传递给子代
$('#mydiv').children('input').each(function () {
alert(this.value); // "this" is the current element in the loop
});
你也可以只使用直接子选择器:
$('#mydiv > input').each(function () { /* ... */ });
它使用.attr('value')来处理元素属性
$("#element div").each(function() {
$(this).attr('value')
});
也可以这样做:
$('input', '#div').each(function () {
console.log($(this)); //log every element found to console output
});
也可以遍历特定上下文中的所有元素,无论它们嵌套有多深:
$('input', $('#mydiv')).each(function () {
console.log($(this)); //log every element found to console output
});
第二个参数$('#mydiv')传递给jQuery 'input'选择器是上下文。在这种情况下,each()子句将遍历#mydiv容器中的所有输入元素,即使它们不是#mydiv的直接子元素。
推荐文章
- HTML5文本区域占位符不出现
- 我如何捕捉Ajax查询后错误?
- jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)
- 在window.setTimeout()发生之前取消/终止
- 检测当用户滚动到底部的div与jQuery
- 检测视口方向,如果方向是纵向显示警告消息通知用户的指示
- 禁用从HTML页面中拖动图像
- Jquery停止子事件触发父事件
- 使函数等待元素存在
- 我如何从一个URL获得片段标识符(哈希#后的值)?
- 将JS对象转换为表单数据
- 多模态叠加
- 如何从函数中禁用jQuery对话框中的按钮?
- 如何检查jQuery插件是否已加载?
- 与evt.preventDefault()相反的是什么?