如何用jq获取一个div内部所有input[type='text']的值
发布网友
发布时间：2022-05-01 00:47
共7个回答
热心网友
时间：2022-04-20 23:30
用jq获取一个div内部所有input[type='text']的值，代码如下：
<div id="divid">
<div><input type="hidden" value="456"></div>
</div>
<script type="text/javascript">
$("#divid input[type=hidden]").each(function () {
console.log(this.value);
})
</script>
扩展资料
var allChildDiv=$('#addDiv').find("div")//找到addDiv下面的所有div
for(var a=0;a<allChildDiv.length;a++){
allChildDiv.eq(a).find('input[name="username"]')//用户名
allChildDiv.eq(a).find('input[name="pwd"]')//密码
};
参考资料：百度百科 DIV （层叠样式表单元的位置和层次）
百度百科 input （函数）
热心网友
时间：2022-04-21 00:48
使用jquery的each()方法遍历就可以了。具体实现方法如下：
假设该div的id为textbox，获取内部所有input[type='text']的代码：
$("#textbox input[type='text']").each(function(){ alert($(this).val()) });
扩展资料
可以通过type的值来获取input中的值
可以通过name的值来获取input中的值
选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
参考资料来源：MDN web docs 官方网站-<input>：输入（表单输入）元素
热心网友
时间：2022-04-21 02:23
$(document).ready(function(e) {
$("#Div1 input[type=text]").each(function() {
var v = $(this).val();
});
});
扩展资料：
关于JQ获取值的各种方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery获取文本框的值</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//使用id的方式获取
$(document).ready(function(){
//1
$("#button_text1").click(function(){
var result1 = $("#input_text1").val();
alert("result1 = " + result1);
});
//2
$("#button_text2").click(function(){
var result2 = $("input[id='input_text2']").val();
alert("result2 = " + result2);
});
//3
$("#button_text3").click(function(){
var result3 = $("input[id='input_text3']").attr("value");
alert("result3 = " + result3);
});
//4. 可以通过type的值来获取input中的值（未演示）
/*
$("#button_text4").click(function(){
var result4 = $("input[type='text']").val();
alert("result4 = " + result4);
});
*/
//5. 可以通过name的值来获取input中的值（未演示）
/*
$("#button_text5").click(function(){
var result5 = $("input[name='text']").val();
alert("result5 = " + result5);
});
*/
});
</script>
</head>
<body>
<!-- 获取文本框的值：方式一 -->
<div id="test1">
<input id="input_text1" type="text" value="test1" style="width: 100px;" />
<button id="button_text1">test1</button>
</div>
<!-- 获取文本框的值：方式二 -->
<div id="test2">
<input id="input_text2" type="text" value="test2" style="width: 100px;" />
<button id="button_text2">test2</button>
</div>
<!-- 获取文本框的值：方式三 -->
<div id="test3">
<input id="input_text3" type="text" value="test3" style="width: 100px;" />
<button id="button_text3">test3</button>
</div>
</body>
</html>
热心网友
时间：2022-04-21 04:14
使用jquery的each()方法遍历就可以了。具体实现方法如下：
假设该div的id为textbox，获取内部所有input[type='text']的代码：
$("#textbox input[type='text']").each(function(){alert($(this).val())
});
热心网友
时间：2022-04-21 06:22
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>
<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" language="javascript" defer="defer">
$(document).ready(function(e) {
$("#Div1>input[type=text]").each(function() {
var v = $(this).val();
alert(v);
});
});
</script>
<body>
<div id="Div1">
<input id="13" readonly="readonly" type="text" value="13">
<input id="13" type="button" value="删除" mes="13" onclick="del(this)">
<input id="12" readonly="readonly" type="text" value="12">
<input id="12" type="button" value="删除" mes="12" onclick="del(this)">
<input id="11" readonly="readonly" type="text" value="11">
<input id="11" type="button" value="删除" mes="11" onclick="del(this)">
<input id="10" readonly="readonly" type="text" value="10">
<input id="10" type="button" value="删除" mes="10" onclick="del(this)">
<input id="5" readonly="readonly" type="text" value="5">
<input id="5" type="button" value="删除" mes="5" onclick="del(this)">
<input id="4" readonly="readonly" type="text" value="4">
<input id="4" type="button" value="删除" mes="4" onclick="del(this)">
<input id="3" readonly="readonly" type="text" value="3">
<input id="3" type="button" value="删除" mes="3" onclick="del(this)">
<input id="2" readonly="readonly" type="text" value="2">
<input id="2" type="button" value="删除" mes="2" onclick="del(this)">
<input id="1" readonly="readonly" type="text" value="1">
<input id="1" type="button" value="删除" mes="1" onclick="del(this)">
</div>
</body>
</html>
热心网友
时间：2022-04-21 08:47
var $arr=$("#Div1 :input[type='text']");
$arr.each(function(i,ele){
var $ele=$(ele);
alert($(ele).val())
});
});
//楼主又有不明白的地方可以联系我哦 569305586@qq.com
热心网友
时间：2022-04-21 11:28
$("#Div1 input[type=text]").each(function() {
var v = $(this).val();
});
});
