jQuery如何获取点击div的属性值

div是没有value属性的，但是我们可以给它加上去也是可以获得的，在这里value只是一个自定义参数。

html代码

<div class="store"  value="tanyu"></div>

jq代码

$(function(){

$("store")click(function(){

alert($(this)attr('value'));

});

});

假设你的html中有以下的div

<div id="id1">

</div>

<div id="id2">

</div>

如果是要获取id是id1的div的数据，获取div里面的内容有两种方式

1，纯js获取数据

var a=documentgetElementById("id1")innerText;

2，jqeury获取数据

var a=$("#id1")html();

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

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

提供两种方法获取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、效果演示

以上就是关于jQuery如何获取点击div的属性值全部的内容，包括:jQuery如何获取点击div的属性值、js获取div内容、如何用jq获取一个div内部所有input[type='text']的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！