javascript - 如何使用jquery获取类名？

Question

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

HTML 输出如下所示:

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

所以，我试图动态获取类名，而不是像上面那样硬编码。

我需要在 jquery 脚本中获取类名的两个部分:

1.) pc.children('div.maini').remove();

2.) maini_s = $('div.maini').remove();

正如您所看到的，“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>

对此的任何帮助都会很棒，谢谢。

Answer 1

这取决于您到底想要什么。

您可以使用 jQuery 或纯 JavaScript 获取类名称:

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

// javascript
myElement.className

这将为您提供 class 的字符串值元素的属性。如果元素有多个类(例如: <div class="foo bar"> )，上述方法将返回 "foo bar" 。如果你想要一个元素上的类数组，那么你只需要在空格上分割结果:

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