jquery addClass()到多个类的第一个位置

Question

它能做什么:

<p class="foo"></p>
$('p').addClass('bar');

输出:

<p class="foo bar"></p>

我需要的:

<p class="bar foo"></p>

那么可以将元素添加到第一个位置吗？

编辑(上下文):现在是最后一个类的分割函数.如果添加了另一个类,它也会附加到第二个拆分数组.

Answer 1

 (function($) {

    jQuery.fn.extend({
        prependClass: function(newClasses) {
            return this.each(function() {
                var currentClasses = $(this).prop("class");
                $(this).removeClass(currentClasses).addClass(newClasses + " " + currentClasses);
            });
        }
    });

})(jQuery);

Answer 2

function prependClass(sel, strClass) {
    var $el = jQuery(sel);

    /* prepend class */
    var classes = $el.attr('class');
    classes = strClass +' ' +classes;
    $el.attr('class', classes);
}

Answer 3

这是另一种方法。

$('#foo').attr('class', 'new-class ' + $('#foo').attr('class'));