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

jQuery如何获取点击div的属性值,第1张

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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9311519.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存