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

用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 () {

consolelog(thisvalue);

})

</script>

扩展资料

var  allChildDiv=$('#addDiv')find("div")//找到addDiv下面的所有div

for(var a=0;a<allChildDivlength;a++){

allChildDiveq(a)find('input[name="username"]')//用户名

allChildDiveq(a)find('input[name="pwd"]')//密码

};

参考资料：

百度百科 DIV （层叠样式表单元的位置和层次）

百度百科 input （函数）

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('div')text());

$('body')append($('input')val());

3、浏览器运行indexhtml页面，此时通过jquery获取到了div元素中的内容和input标签的值。

jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。
html：
<div>
<p>test</p>
</div>
$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。

如果你知道div的class : $("classname")attr("id") 获得id
如果你知道div的id :$("#id")attr("class")获得class
如果都不知道，就要循环所有的div自己去判断了
var divs=$(div);
for(var i=0;i<divslength;i++)
{
//你的判断
}
获得div有什么属性 比如 data-id="a"
$("div[data-id='a']")attr("id")//获得id
$("div[data-id='a']")attr("class")//获得class

jquery要获取某个元素的属性、样式等等，要先获取这个元素：通过xpath很容易获取，比如用div的id获取——$('#dv')
获取这个元素之后就很容易了，通过height等方法可以获取元素的具体内容等：如高度
$('#dv')height();
宽度：$('#')width();

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：
<div id='id1' class='class2'></div>
$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。
$('#id1')attr('id')，就是获取到ID
$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

jquery中获取一段包含script标签的div内容的方法：
1、首先要引入jQuery的依赖js文件。
2、然后用$("#divName")innerHTML的方式来获取div内部包含标签的全部内容。
例如：
<div di="divName">
<script type="text/javascript">
function test(){alert("1");}
</script>
</div>
<script type="text/javascript">
var divContent = $("#divName")innerHTML;
</script>

1、给特定内容包裹一个容器（div或者其他容器）标签

2、给容器一个id，或者一个特定的class以便于使用jquery的选择器获取到该容器

3、使用jquery选择器获取该容器，并获取该容器内的内容

<div id="content" >
    特定内容
</div>$("#content")html();
$("#content")text();
$("#content")val();

1、html()

html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2TEXT
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)
3VAL
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。

---