【问题标题】:How to get class names?如何获取类名?
【发布时间】:2010-01-24 09:09:26
【问题描述】:

嘿,我正在尝试为下面的脚本动态获取类名。

我有通过 PHP 创建的不同类名,因此需要使用 jQuery 动态获取它们。

正如您在下面看到的,我似乎需要在 2 个区域获取类名。目前它是硬编码的(这些类被命名为'result'):

1) var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();

2) var num_entries = $('#hiddenresult div.result').length;

所以,我希望 jquery 获取类名,而不是像下面那样硬编码它。

jQuery 文件:

<script type="text/javascript">

        function pageselectCallback(page_index, jq){
        var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
        $('#Searchresult').empty().append(new_content);
        return false;
    }

    /** 
     * Callback function for the AJAX content loader.
     */
    function initPagination() {
        var num_entries = $('#hiddenresult div.result').length;
        // Create pagination element
        $("#Pagination").pagination(num_entries, {
            num_edge_entries: 2,
            num_display_entries: 8,
            callback: pageselectCallback,
            items_per_page:1
        });
     }

    // Load HTML snippet with AJAX and insert it into the Hiddenresult element
    // When the HTML has loaded, call initPagination to paginate the elements        
    $(document).ready(function(){      
        initPagination();
    });
</script>

任何有关实施解决方案的帮助都会很棒。谢谢

【问题讨论】:

  • 您可以发布您的 HTML 标记示例吗?

标签: javascript jquery css


【解决方案1】:

如果我理解正确,您希望您的代码能够工作,而不管赋予 div 的类是什么。 (但会给出一些课程)

如果是这样使用

var new_content = $('#hiddenresult div[class]:eq('+page_index+')').clone();

var num_entries = $('#hiddenresult div[class]').length;

这意味着在#hiddenresult下找到任何定义了类属性的div(不管实际的类名..)

【讨论】:

  • 在相关说明中,我建议使用 .eq(page_index) 函数而不是 :eq 选择器。在我的博客上解释:spadgos.com/?p=51
【解决方案2】:

您可以像这样以字符串形式获取类属性的内容:
$("#hiddenresult div").attr("class");
注意:如果您的元素分配了多个类,这可能不适合您。

你也可以使用这个:
$("#hiddenresult div").hasClass("result");
检查一个元素是否有一个特定的类。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-08-20
    • 2019-11-11
    • 1970-01-01
    • 2012-07-15
    • 2011-02-05
    • 2020-11-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多