怎么用jquery得到某元素的class然后应用到另一元素上?

发布网友发布时间：2022-04-24 23:20

共2个回答

热心网友时间：2022-04-25 00:50

实现方法：在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>
<input type="button" id="btn" value="获取A的class并应用到元素B">
2、在上面建立的文件的开头部分加入如下的jquery代码（主要步骤参见注释）：
<script>
$(function(){
$("#btn").click(function() { //点击按钮后响应下面的事件
var cls = $("#a").attr("class"); // 首先使用attr()获取A元素的类（即bg_green）
$("#b").addClass(cls); // 然后将获取的类应用到B元素上
});
});
</script>
3、保存文件，然后使用浏览器打开即可显示效果。

热心网友时间：2022-04-25 02:08

得到class假设是<div id='myid' class='myclass'></div>
$('#myid').attr('class')这是取得元素的class
$('#otherid').attr('class',$('#myid').attr('class'));
设置到另一个元素class中
基本语法是：
$("元素").attr("属性名","属性值");
应该是这样，你试下吧