jquery获取class
时间: 2024-05-24 11:07:54 浏览: 16
可以使用jQuery的`.hasClass()`、`.addClass()`、`.removeClass()`和`.toggleClass()`方法来获取、添加、删除和切换元素的类。
例如,要获取一个元素的class属性值,可以使用`.attr()`方法:
```javascript
var className = $('selector').attr('class');
```
还可以使用`.hasClass()`方法来检查元素是否包含某个类:
```javascript
if ($('selector').hasClass('my-class')) {
// do something
}
```
如果要添加或删除类,可以使用`.addClass()`和`.removeClass()`方法:
```javascript
$('selector').addClass('new-class');
$('selector').removeClass('old-class');
```
还可以使用`.toggleClass()`方法来切换类的状态:
```javascript
$('selector').toggleClass('active');
```
相关问题
jQuery 获取class 并判断
你可以使用 jQuery 的 `hasClass()` 方法来判断一个元素是否拥有某个特定的 class。下面是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>jQuery hasClass</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style type="text/css">
.red {
color: red;
}
.blue {
color: blue;
}
</style>
</head>
<body>
<p class="red">这是一个红色的段落。</p>
<p class="blue">这是一个蓝色的段落。</p>
<p class="red blue">这是一个既有红色又有蓝色的段落。</p>
<script type="text/javascript">
$(document).ready(function() {
$("p").each(function() {
if ($(this).hasClass("red")) {
$(this).text("我是红色的段落。");
} else if ($(this).hasClass("blue")) {
$(this).text("我是蓝色的段落。");
} else {
$(this).text("我没有任何颜色。");
}
});
});
</script>
</body>
</html>
```
在上面的代码中,我们使用了 `hasClass()` 方法来判断 `p` 标签是否拥有特定的 class,然后根据结果来修改该标签的文本内容。在 `$(document).ready()` 函数中,我们使用了 `each()` 方法来遍历每一个 `p` 标签,然后根据其拥有的 class 进行不同的处理。
jquery获取class = 'lbxxdy-table'的div的 子div最后一个
您可以使用 jQuery 的 `:last-child` 选择器来获取 class 为 `'lbxxdy-table'` 的 div 的最后一个子 div。以下是一个示例代码:
```javascript
var lastChildDiv = $('.lbxxdy-table > div:last-child');
```
这将选择 class 为 `'lbxxdy-table'` 的 div 的最后一个子 div 并将其存储在变量 `lastChildDiv` 中。您可以根据需要进一步操作或访问该元素。