如何用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 （函数）

提供两种方法获取div下第一个或最后一个a标签的内容：

使用选择器 first-child 和 last-child

使用遍历方法 first() 和last()

实例演示如下:

1、HTML结构

<div id="test">

<a href="#">第1个超链接</a>

<a href="#">第2个超链接</a>

<a href="#">第3个超链接</a>

<a href="#">第4个超链接</a>

</div>

<input type="button" id="btn1" value="第一个超链接">

<input type="button" id="btn2" value="最后一个超链接">

2、jquery代码

$(function(){

$("#btn1")click(function() {

var str = $("#test a:first-child")text();

alert(str);

});

$("#btn2")click(function() {

var str = $("#test a")last()text();

alert(str);

});

});

3、效果演示

在angularjs中获取元素的id的方法：

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码：

<div id="object-1"></div>

这样的id就可以通过document获取了。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，编写问题基础代码。

2、在indexhtml中的<script>标签，输入jquery代码：$('body')append($('abc')eq(2)text());。

3、浏览器运行indexhtml页面，此时成功用jquery取得了相同class的div的第3个元素并打印了其内容。

1、首先需要引入jquery脚本文件。

2、然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个 *** 作的按钮，加上了onclick事件的。

3、然后需要添加对应的点击事件函数。

4、在函数中，先利用jquery的选择器方法来获取到a链接，$("#my_div a")这个代码就是指在id为my_div下的所有a链接。

5、获取到链接后，就用一个for循环来得到div里所有链接的id，主要是通过jquery的attr方法来得到每个链接控件的id属性。得到后，将其保存进数组里。

6、然后通过alert方法来d出显示所有链接的id。

7、运行页面，可以看到现在有二个链接，点击一下按钮。

8、点击后，会d出一个alert窗口，这里显示出了二个链接的id属性，对比代码里的值，获取的结果是正确的。

jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("divaaa")

。下面提供一个具体的示例，HTML结构如下：

<div

id='a'><div

class='aaa'></div></div>

<div

id='b'><div

class='aaa'></div></div>

<div

id='c'><div

class='aaa'></div></div>

1、获取id为b的div下的aaa类元素

$("divaaa")获取的是所有的aaa类，如果限定为b元素下的aaa类，可以配合后代选择器使用，代码为：$("div#b

divaaa")

2、获取id为a或者c的div下的aaa类元素

如果需要获取多个不同类型的对象，可以使用逗号（,）分隔，所以相应代码为：

$("#a

aaa,

#c

aaa")

以上就是关于如何用jq获取一个div内部所有input[type='text']的值全部的内容，包括:如何用jq获取一个div内部所有input[type='text']的值、用jQuery怎么获取div下第一个或最后一个a标签的内容、如何获取html元素id，通过angularjs等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！