javascript - 如果类存在则加载标记

Question

我想根据文档中某些类的存在将标记加载到我的文档中。但问题是如果确定的类根本不存在它加载。

我的代码是

(function($){
   'use strict';
    var prefixMarkUp = '<ul class="filter-elements hidden" >'+
                          '<li><a href="#" class="current"></a></li>'+
                        '</ul>';

    if($('body').has('.filter-container')){
      if(!$('body').hasClass('filter-elements')){
        $('footer.footer').before(prefixMarkUp)
      }
    }
})(jQuery);

这里如果 .filter-container 不存在 prefixmarkup 加载，即使 .filter-elements 存在 prefixmarkup 负载 我现在该怎么办？

Answer 1

首先:

• 如果类被分配给一个元素，.hasClass() 方法将返回 true，即使其他类也是如此。
• .has() 方法从匹配元素的子集构造一个新的 jQuery 对象。

您需要更改:

if($('body').has('.filter-container')){

收件人:

if($('body').has('.filter-container').length){

FIDDLE(示例): https://jsfiddle.net/lmgonzalves/c8nwp813/1/

了解更多 here和 here .