如何用jquery获取div的class某一个Div的Class或者ID

如何用Jquery获取某一个Div的Class或者ID_百度知道
如何用Jquery获取某一个Div的Class或者ID
提问者采纳
$(&div&).attr(&id&);$(&div&).attr(&class&);如果你想在程序运行的时候获取,但是不知道div的任何属性的话,你可以再加上个eq(),就是第几个div标签。
其他类似问题
为您推荐:
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁21505人阅读
有一个Div,我想获取其ID或者Class值。
那么我可以先定位到这个DIV,然后采用attr方法来获取其值:
假如说:有一段Html代码:
&div class=&comment& id=&22&&
&div class=&comment_detail& style=&display: &&
&div class=&comment_my&&&textarea class=&comment_text& style=&height: 16 &&&/textarea&&/div&
&div class=&comment_text_bottom& style=&display: &&
&div class=&comment_emotion&&&a href=&javascript:void(0)& class=&comment_emotion_button&&表情&/a&
&div class=&comment_emotion_detail& style=&display: &&
&div class=&comment_publish&&&input class=&submit& type=&submit&
value=&评论&&&/div&
&div class=&comment_bar&&&a href=&javascript:void(0)& class=&comment_click&&&/a&&/div&
如果我想从submit处定位,获取到comment处DIv的ID,那么我就可以这样办:
ID值为:$(&.submit&).parent().parent().parent().parent().attr('id');
其值为:22;
CLASS值为:
$(&.submit&).parent().parent().parent().parent().attr('class')其值为:
版权声明:本文为博主原创文章,未经博主允许不得转载。
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:581502次
积分:9601
积分:9601
排名:第770名
原创:394篇
转载:27篇
评论:50条
(2)(2)(2)(2)(1)(8)(6)(4)(8)(9)(6)(33)(5)(4)(3)(5)(7)(4)(7)(4)(1)(1)(4)(7)(2)(11)(2)(14)(7)(3)(9)(2)(3)(1)(8)(9)(36)(10)(23)(12)(6)(6)(16)(14)(1)(2)(10)(17)(3)(21)(4)(28)(2)(9)(1)(4)如何用Jquery获取某一个Div的Class或者ID_百度知道
如何用Jquery获取某一个Div的Class或者ID
提问者采纳
attr(&&),不过你得通过dom树获取到你要获取的元素。你的需求应该不能直接通过id选择器获取。
来自团队:
其他类似问题
为您推荐:
jquery的相关知识
其他1条回答
$(&#id&).attr(&class&);$(&#id&).attr(&id&);
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jQuery 选择器
jQuery 选择器
选择器允许您对元素组或单个元素进行操作。
jQuery 选择器
在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。
关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中:
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$(&p&) 选取 &p& 元素。
$(&p.intro&) 选取所有 class=&intro& 的 &p& 元素。
$(&p#demo&) 选取所有 id=&demo& 的 &p& 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$(&[href]&) 选取所有带有 href 属性的元素。
$(&[href='#']&) 选取所有带有 href 值等于 &#& 的元素。
$(&[href!='#']&) 选取所有带有 href 值不等于 &#& 的元素。
$(&[href$='.jpg']&) 选取所有 href 值以 &.jpg& 结尾的元素。
jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
下面的例子把所有 p 元素的背景颜色更改为红色:
$(&p&).css(&background-color&,&red&);
更多的选择器实例
当前 HTML 元素
所有 &p& 元素
$(&p.intro&)
所有 class=&intro& 的 &p& 元素
$(&.intro&)
所有 class=&intro& 的元素
$(&#intro&)
id=&intro& 的元素
$(&ul li:first&)
每个 &ul& 的第一个 &li& 元素
$(&[href$='.jpg']&)
所有带有以 &.jpg& 结尾的属性值的 href 属性
$(&div#intro .head&)
id=&intro& 的 &div& 元素中的所有 class=&head& 的元素
如需完整的参考手册,请访问我们的 。jquery获取对象下指定标签
1、JQuery实现了
代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了;
$(function(){
&&&&&$("Element").click{
&&&&&&&&&&&&&&&function(){&
alert("hello!");
上面的代码中 只要定义了Element
后面的click是动作&
alert(“点击我哦!”);这个是要执行的代码,当然你可以有很多的操作在这个函数中;
这里面的$这个号代表JQuery的意思
,就是引用类库了。。。我是这么理解的;
2、JQuery的核心的一些方法
each(callback)
‘就像循环
$(“Element”).length;
‘元素的个数,是个属性
$(“Element”).size();
’也是元素的个数,不过带括号是个方法
$(“Element”).get();
‘某个元素在页面中的集合,以数组的形式存储
$(“Element”).get(index);
’功能和上面的相同,index表示第几个元素,数组的下标
$(“Element”).get().reverse();
‘把得到的数组方向
$(“Element1&P).index($(“Element2&P));
’元素2在元素1中的索引值是。。。
4、基本对象获取
‘表示获取所有对象
$(“#element”)
’获得想CSS中的ID号一样
$(“.abc”) ‘所有使用.abc样式的元素
$(“div”) ‘标签选择器 选择所有的div元素
$(“#a,.b,span”) ‘表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
$(“#a .b p”) ‘ID号是a的并且使用了 b样式的 所有的p元素
5、层级元素获取
$(“Element1 Element2 Element3 ….”)& ‘前面父级
后面是子集
$(“div & p”) ‘获取div下面的所有的 p元素
$(“div + p”) ‘div元素后面的第一个 p元素
$(“div ~ p”) ‘div后面的所有的 p元素
6、简单对象获取
$(“Element:first”) ‘HTML页面中某类元素的第一个元素
$(“Element:last”) ‘HTML页面中某类元素的最后一个元素
$(“Element:not(selector)”)
‘去除所有与给定选择器匹配的元素,如:$(“input:not(:checked)”)
表示选择所有没有选中的复选框
$(“Element:even”) ‘获得偶数行
$(“Element:odd“)’获得奇数行
$(“Element:eq(index)”)&
‘取得一个给定的索引值
$(“Element:gt(index)”)&
‘取得给定索引值的元素& 之后的所有元素
$(“Element:lt(index)”)&
‘取得给定索引值的元素& 之前的所有元素
7、内容对象的获取和对象可见性
$(“Element:contains(text)”) ‘元素中是否包含text文本内容
$(‘Element:empty”) ‘获得元素不包含子元素或文本的
$(“Element:partnt”) ‘获得元素包含子元素或文本的
$(“Element:has(selector)”) ‘是否包含某个元素, 如:$(“p:has(span)”)表示所有包含span元素的p元素
$(“Element:hidden”)
‘选择所有可见元素
$(“Element:visible”)
‘选择所有不可见元素
8、其他对象获取方法
$(“Element[id]“)
‘所有带有ID属性的元素
$(“Element[attribute
= youlika ]”
‘获得所有某个属性为youlika的元素
$(“Element[attribute
!= youlika ]”
‘获得所有某个属性为不是youlika的元素
$(“Element[attribute
^= youlika ]”
‘获得所有某个属性为不是youlika的开头的元素
$(“Element[attribute
$= youlika ]”
‘获得所有某个属性为不是youlika的结尾的元素
$(“Element[attribute
*= youlika ]”
‘获得所有某个属性包含youlika的开头的元素
$(“Element[selector1][selector2][....]“)
’符合属性选择器,比如$(“input[id][name][value=youlika
]“)表示获得带有ID、Name以及value是youlika&的input元素。
9、子元素的获取
$(“Element:nth-child(index)”)
‘选择父级下面的第n个元素
$(“Element:nth-child(even)”)
‘选择父级下面的偶数
$(“Element:nth-child(odd)”)
‘选择父级下面的奇数
$(“Element:nth-child(3n+1)”)
$(“Element:first-child”)
‘选择父级下面的第一个子元素
$(“Element:last-child”)
‘选择父级下面的最后一个子元素
$(“Element:only-child”)
‘匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt
10、表单对象获取
$(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。
$(:text)//匹配所有的单行文本框
$(:password)//匹配所有的密码框
$(:radio)//匹配所有的单选按钮
$(:checkbox)//匹配所有的复选框
$(:submit)//匹配所有的提交按钮
$(:image)//匹配所有的图像域,例如
$(:reset)//匹配所有的重置按钮
$(:button)//匹配所有的按钮
$(:file)//匹配所有的文件上传域
$(:hidden)//匹配所有的不可见元素或者type为hidden的元素
$(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮
$(:disabled)//匹配所有的不可用input元素,作用与上相反
$(:checked)//匹配所有选中的复选框元素
$(:selected)//匹配所有的下拉列表
11、元素属性的设置与移除
$(“Element”).attr(name) ‘取得第一个匹配的属性值,比如$(“img”).attr(“src”)
$(“Element”.attr(key,value)”) ‘某一个元素设置属性
$(“Element”.attr({key:value,key1:value,….}))
‘为某个元素一次性设置多个属性
$(“Element”).attr(key,function)&‘为所有匹配的元素设置一个计算的属性值。
$(“Element”).removeAttr(name)//移除某一个属性
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

我要回帖

更多关于 jquery修改div class 的文章

 

随机推荐