就是在一个元素里有3个div你要获取第一个div的类名？？！！
这样用var name=$('div')eq(0)attr('class')
name就是第一个div的class名
用JQ的会很方便：
$("a1");用JS原生语句的话浏览器必须支持DOM3
documentgetElementsByClassName("a1");非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，满足的元素存到数组中，然后返回。
/
取得对应类和标签的HTML元素
clsName:给定类名
tagName：给定的HTML元素，如果为任意 tagName=''
/
function getElementsByClassName(clsName, tagName) {
var ClassElements = [];
selElements = documentgetElementsByTagName(tagName);
for (var i = 0; i < selElementslength; i++) {
if (selElements[i]className == clsName) {
ClassElements[ClassElementslength] = selElements[i];
}
}
return ClassElements;
}
<body>
<input type='button' class="click_update" value='我是第一个'/>
<input type='button' class="click_update" value='我是第二个'/>
<input type='button' class="click_update" value='我是第三个'/>
<input type='button' class="click_update" value='我是第四个'/>
</body>
<script>
var a=$("click_update");
for(var i =1; i<=alength-1;i++){
alert(a[i]value);
}
</script>
原生JS通过id和class获取元素是用，documentgetElementById(IDname),documentgetElementsByClassName('ClassName');
兼容性：ID兼容，class 不兼容IE6,7,8
数量： 通过ID只能获取一个dom元素，通过class可以获取一组元素。
通用性：ID不能重复，class可以重复，所以class比较好用，这也是jQuery能被广泛应该的原因（选择器好）。
下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：
运行结果，打印数组如下：
扩展资料：
js或jQuery获取html元素的值的常用方法：
例如：<div id="aa">值</div>
js写法：
alert(documentgetElementById('aa')innerHTML);
jQuery写法：
alert($('#aa')html());
说明如下：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。
以上就是关于jquery css 如何获取第一个出现的class 类名全部的内容，包括:jquery css 如何获取第一个出现的class 类名、js中 如何获取class="a1"之类的、js怎么根据class获取元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）