How to add title of element to class attribute using jquery

Question

I have seen that is it possible to transfer title attribute to class. The question is how to find the elements of the first word (animated) and assign them to the class title?

For example:

<div class="colelem" title="animated infinite bounce"></div>
<div class="colelem" title="animated infinite bounce"></div>

Add the class from the tittle to happen

<div class="colelem animated infinite bounce" title="animated infinite bounce"></div>
<div class="colelem animated infinite bounce" title="animated infinite bounce"></div>

Answer 1

You can use .addClass( function ) to do this work.

 $(".colelem").addClass(function(){ return $(this).attr("title"); }); 

 .animated { color: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="colelem" title="animated infinite bounce">A</div> <div class="colelem" title="animated infinite bounce">B</div> <div class="colelem" title="animated infinite bounce">C</div>