Javascript 如何使用jquery获取类名？

嘿，我想知道如何使用jquery为下面的脚本动态获取类名

HTML输出如下所示：

<div id="main-info-1" class="maini">
     <p>this is a paragraph.</p>
</div>

$('#main-info-1').attr('class');

正如您所看到的，类“maini”是硬编码的，我不确定如何动态获取类名并将其正确地放入脚本中

jQuery文件：

<script type="text/javascript">   
// make them global to access them from the console and use them
// in handlePaginationClick
var maini_s;
var num_of_arts;
var ipp;

function handlePaginationClick(new_page_index, pagination_container) {
    var pc = $(pagination_container);
    pc.children('div.maini').remove();
    for(var i=new_page_index*ipp; i < (new_page_index+1)*ipp ;i++) {
        if (i < num_of_arts) {
                pc.append(maini_s[i]);
        }
    }
    return false;
}

$(document).ready(function() {
    maini_s = $('div.maini').remove();
    num_of_arts = maini_s.length;
    ipp = 3;

    // First Parameter: number of items
    // Second Parameter: options object
    $("#News-Pagination").pagination(6, {
        items_per_page:ipp, 
        callback:handlePaginationClick
    });
});


        </script>

//使它们成为全局的，以便从控制台访问并使用它们
//手握
var maini_s；
艺术的价值；
var-ipp；
函数handlePaginationClick（新页面索引、分页容器）{
var pc=$（分页容器）；
pc.children（'div.maini'）.remove（）；
对于（var i=新页面索引*ipp；i<（新页面索引+1）*ipp；i++）{
如果（i<艺术的数量）{
pc.append（maini_s[i]）；
}
}
返回false；
}
$（文档）.ready（函数（）{
maini_s=$（'div.maini'）.remove（）；
艺术数量=主要长度；
ipp=3；
//第一个参数：项目数
//第二个参数：选项对象
$（“#新闻分页”）。分页（6{
每页项目：ipp，
回调：handlePaginationClick
});
});

---

在这方面的任何帮助都将非常棒，谢谢。

使用jQuery获得类名的工作原理如下：

<div id="main-info-1" class="maini">
     <p>this is a paragraph.</p>
</div>

$('#main-info-1').attr('class');

---

这取决于你到底想要什么

您可以使用jQuery或纯javascript获取类名：

// jQuery
$myElement.attr('class');

// javascript
myElement.className

这将为您提供元素的

class

属性的字符串值。如果元素有多个类（例如：

），上述方法将返回

“foo bar”

。如果希望元素上有一个类数组，则只需在空格上拆分结果：

var classes = myElement.className.split(/\s+/);
// classes = ["foo", "bar"]

---

您可以检测、添加和删除类，而不必担心在使用多个类时会出现空格分割。还有一个方便的切换：

// toggle example
$('ele').toggleClass('active');

// toggle with optional bool parameter
$('ele').toggleClass('active', isActive );

// detect/add/remove classes without having to split on blank space " "
if ($('ele').hasClass('dull')) 
    $('ele').removeClass('dull').removeClass('productive');
else
    $('ele').addClass('fun').addClass('profitable');

---

从哪里动态插入？你只需要它是一个全局js变量就可以了？看看hasClass（）addClass（）removeClass（）和toggleClass（）的例子