怎么获取某个元素的指定class

怎么获取某个元素的指定class,第1张

实现方法:在jquery代码中,首先使用attr()方法获取某元素的class,然后使用addClass()方法为另一个元素添加这个class,或者使用attr()方法为另一个元素的class赋值。下面进行实例演示:

1、新建一个HTML文件,输入如下的HTML结构。为了演示本问题,假设了一个带有背景色样式的A元素和一个红色的B元素,实现在点击按钮后将A元素的类样式(背景色)应用到B元素上。

<style>

red{color:red !important;} /红色css样式/

bg_green{background:#00cc00;} /背景色类样式/

</style>

<div id="test">

<div id="a" class="bg_green">A(我是bg_green类)</div>

<div id="b" class="red">B(我是red类)</div>

</div>

可以先定位到这个DIV,然后采用attr方法来获取其值:

假如说:有一段Html代码:

[html] view plaincopy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果想从submit处定位,获取到comment处DIv的ID,那么就可以这样做:

ID值为:

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('id');

其值为:22;

CLASS值为:

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('class')

其值为:comment;

<div class="title">获取内容</div>

<script>

  var target=documentgetElementsByTagName('div')[0];

  alert(targetattributes['class']nodeValue)

</script>

d出的就是class的值

使用jquery 获取class,jquery得到class需要知道使用jquery获取属性的方法,class本身也是元素的一个属性,jquery 获取class属性是经常要做的一个 *** 作,由于class本身也是元素的一个属性,所以可以通过attr方法来获取class的值,代码如下:

$('#demo')attr('class');

也可以使用javascript的元素对象来获取,代码如下:

$('#demo')[0]className;

jquery 设置class也是用的attr方法。

以上就是关于怎么获取某个元素的指定class全部的内容,包括:怎么获取某个元素的指定class、如何用Jquery获取某一个Div的Class或者ID、js怎么获取class等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存