var val=$("div")attr("class");//这里获取class值
var array=valsplit(" ");//split双引号里面是空格，把class值用空格分开，转换为数组
那么，array[0]就获得home; arrya[1]获得class
分为以下2种情况：
1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下：
判断id为divid的div元素是否有font-size样式：
2如果css写成类样式，可以通过获取class属性的值来判断，示例如下：
判断id为divid的div元素是否含有类样式divclass：
描述: 为每个匹配的元素添加指定的样式类名
$('div')addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个，多个或全部样式。
$('div')removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。
$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。
代码 请收下~~~~
<body><span class="okdog" lay-id="user1">1只狗</span><span class="okdog" lay-id="user2">2只狗</span><span class="okdog" lay-id="user3">3只狗</span><span class="okdog" lay-id="user4">4只狗</span><span class="okdog" lay-id="user5">5只狗</span>
<div id="showdog">输出结果</div>
<script>
var res = documentgetElementsByClassName('okdog');
for(var i=0;i<reslength;i++){
res[i]addEventListener('click',function(e){
alert(esrcElementinnerHTML)
},false);
}
</script>
</body>
思路：首先获取div对象，然后使用className属性获取类名，关键代码如下
1
documentgetElementById("test")className
实例演示：
1、HTML结构
1
2
<div id = "test" class="test_class">我的类名为test_class</div>
<input type='button' value='获取div类名' onclick="fun()"/>
2、javascript代码
1
2
3
4
function fun(){
name = documentgetElementById("test")className;
alert(name);
}
非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：
function getClassName(obj,sName) //-->obj是要获取元素的父级
{ //-->sName是class名字
if(documentgetElementsByClassName)
{
return objgetElementsByClassName('sName');
}
else
{
var aTmp = objgetElementsByTagName('');
var aRes=[];
var arr =[];
for(var i=0;i<aTmplength;i++)
{
arr = aTmp[i]classNamesplit(' ');
for (var j=0;j<arrlength;j++)
{
if(arr[j] == sName)
{
aRespush(aTmp[i]);
}
}
}
return aRes;
}
}
大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。
jQuery中使用attr('属性名')可以返回属性的值。
语法：$(selector)attr([attribute]); // 返回attr中指定的当前选择器的属性值；
例如：
$(selector)attr('id'); // 获取选择器的id
$(selector)attr('class'); // 获取选择器的class类名
实例：
1 用jQuery获取div的class类名：
<div class="mystyle">我是div</div><script>
$('div')attr('class'); // 得到“mystyle”
</script>
2 用jQuery获取当前点击的button的id：
<button id="btn" onclick="BtnClick(this)">按钮</button><script>
function BtnClick(obj){
$(obj)attr('id'); // 得到“btn”
}
</script>
代码参考如下：
getElementsByClassName() 方法
如果希望查找带有相同类名的所有 HTML 元素，使用这个方法：
documentgetElementsByClassName("intro");
上面的例子返回包含 class="intro" 的所有元素的一个列表：
注释：getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。
如果你知道div的class : $("classname")attr("id") 获得id 如果你知道div的id :$("#id")attr("class")获得class 如果都不知道，就要循环所有的div自己去判断了 var divs=$(div); for(var i=0;i
以上就是关于jquery 获取 html 标签的 class 值全部的内容，包括:jquery 获取 html 标签的 class 值、jquery怎么获取下一个具有指定样式（class）的元素呢、js获取class对象的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）