javascript - 如果元素有 className1 classFromArray 前置 classFromArray

Question

正如问题所说，我需要做类似的事情:
如果元素有 className1 classFromArray 则在前面添加 classFromArray。

到目前为止，我得到了这个，但它在匹配的数组中添加了所有类名，我希望它仅在它具有并匹配数组的类前面添加。

JSFiddle

<div class="title purple_grad">
  <p>mensaje</p>
</div>

<div class="title red_grad">
  <p>mensaje</p>
</div>

var cols = [
            'purple_grad',
            'red_grad',
            'green_grad',
            'blue_grad'
];

var e = $("div");
for(i=0; i < cols.length; i++) {
  (function(i) {
    if ( e.hasClass("title") && e.hasClass(cols[i]) ) {
      e.prepend(cols[i]);
  }
  })(i);
}

Answer 1

您需要过滤并添加文本，例如

var cols = [
  'purple_grad',
  'red_grad',
  'green_grad',
  'blue_grad'
];

var e = $("div.title"); //the hard filter can be applied here
cols.forEach(function(key) {
  e.filter('.' + key).prepend(key); //prepend the text after applying the class filter
})

.purple_grad {
  color: purple;
}
.red_grad {
  color: red;
}
.green_grad {
  color: green;
}
.blue_grad {
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title purple_grad">
  <p>mensaje</p>
</div>
<hr>
<div class="title red_grad">
  <p>mensaje</p>
</div>