div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数。
html代码
<div class="store" value="tanyu"></div>
jq代码
$(function(){
$("store")click(function(){
alert($(this)attr('value'));
});
});
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")
如果你知道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
<div id="test" name="testDiv" customAttr="自定义属性">testcontent</div>
获取name $("#test")attr("name")
获取自定义属性 $("#test")attr("customAttr")
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息,直接each循环出div,里面的children(),里面的item,就是你想要的子元素了,(深圳网站建设:=">
jQuery
获取
div
之间的内容,有两种方法,$(selector)text()、$(selector)html()
。
html:
test
$("div")text()
得到的是
test,是
div
的纯文本,会自动忽略
html
标签
。
$("div")html()
得到的是
test
,是
div
的所有内容,包括
html
标签,它有个好处是可以将
得到的标签与文字
直接再利用,比如添加到页面其他地方之类的 *** 作
。
// 找最新的父元素tr
// 再找第一个div
// 获取id
$('#1875')closest('tr')find('div:eq(0)')attr('id')
以上就是关于jQuery如何获取点击div的属性值全部的内容,包括:jQuery如何获取点击div的属性值、jquery 选择器 怎样获取class='aaa'的DIV元素、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)