如何用jq获取一个div内部所有input[type='text']的值
<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>
用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"]')//密码
};
使用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>：输入（表单输入）元素
本回答被网友采纳$(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>
本回答被网友采纳使用jquery的each()方法遍历就可以了。具体实现方法如下：
假设该div的id为textbox，获取内部所有input[type='text']的代码：
$("#textbox input[type='text']").each(function(){alert($(this).val())
});
<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>追问
这样不行的，因为我页面里面其他地方还会出现input，所以必须要在div内部选取input，这个条件是必须的
追答$("#Div1>input[type=text]")
这句不就是指定选取id=Div1中type=text的input对象么……
我想到其他方法了，用类选择器做的效果
本回答被提问者采纳