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>

I'm not really sure what you're asking, however you can use the addClass() method to add a class to an element — Rory McCrossan
– Rory McCrossan, Commented Jul 9, 2016 at 9:52
Might $("#u211").addClass($("#u211").attr("title")) do your work — Mohammad
– Mohammad, Commented Jul 9, 2016 at 9:57
One solution. But it is not suitable for mass use. Elements with the animation will be more, and we need to the class of tittle assign them automatically. — Mykyta Severyn
– Mykyta Severyn, Commented Jul 9, 2016 at 10:41

Mohammad · Accepted Answer · 2016-07-09 10:57:19Z

2

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>

answered Jul 9, 2016 at 10:57

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add title of element to class attribute using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related