如何用jq获取一个div内部所有input[type='text']的值

发布网友发布时间：2024-09-17 03:24

我来回答

共5个回答

热心网友时间：2024-10-09 19:25

用jq获取一个div内部所有input[type='text']的值，代码如下：

</div>

$("#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 （函数）

热心网友时间：2024-10-09 19:24

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>

热心网友时间：2024-10-09 19:22

使用jquery的each()方法遍历就可以了。具体实现方法如下：

假设该div的id为textbox，获取内部所有input[type='text']的代码：

  $("#textbox input[type='text']").each(function(){
    alert($(this).val())
  });

热心网友时间：2024-10-09 19:23

使用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>：输入（表单输入）元素

热心网友时间：2024-10-09 19:19

$(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

<head>

<title>JQuery获取文本框的值</title>

//使用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>

</div>

</div>

</body>

</html>