javascript - 如何为类实现 jQuery 前置函数？

Question

我正在尝试获取一个函数来为我定义的类添加一个名称。

函数是:

(function($) {

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

})(jQuery);

这是取自此链接:jquery addClass() to first position of multiple classes

我有一个这样的链接:

<a class="half first3547" href="#">this</a>

我希望它变成:

<a class="paid first3547" href="#">this</a>

我正在使用这个:

$("#mycontent a.half").removeClass("half").addClass("paid");

但这附加了类。变成这样:

<a class="first3547 paid " href="#">this</a>

我不明白如何实现该功能以使其与我的代码一起工作。我尝试将它放在我的脚本之上，但它什么也没做。

Answer 1

使用$("#mycontent a.half").removeClass('half').prependClass('paid');

(function($) {

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

})(jQuery);

$("#mycontent a.half").removeClass('half').prependClass('paid');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mycontent">
  <a class="half first3547" href="#">this</a>
</div>