Getting attribute and adding class

Question

I want add class for a child element like in example:

<ul>
    <li class="menu-item">
        <a href="#" title="forum">
            <i class="fa"></i>
            Forum
        </a>
    </li>
</ul>

and js:

$(document).ready(function() {

var title = $(".menu-item a").attr('title');

$(".menu-item a i").addClass(
    function( title ) {
      return "fa-" + title;
    });
});

I don't know how repair this JavaScript.

Are you trying to add a class to the <i> tag, or replace all the classes? — Sunny Patel
– Sunny Patel, Commented May 12, 2014 at 18:26

Karl-André Gagnon · Accepted Answer · 2014-05-12 18:28:18Z

2

I think you are looking for something more like this :

$(".menu-item a").each(function(){
    var title = $(this).attr('title');

    $(this).find("i").addClass("fa-" + title);
});

This will loop through each a and get its own title. It will then add the class to his descendant.

answered May 12, 2014 at 18:28

Karl-André Gagnon

33.9k5 gold badges53 silver badges77 bronze badges

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

Comments

Hackerman · Accepted Answer · 2014-05-12 18:31:15Z

0

Try something like this:

$(document).ready(function() {
var title = $(".menu-item a").attr('title');
$(".menu-item a i").addClass("fa-"+title);
});

Working fiddle: http://jsfiddle.net/robertrozas/CTt38/

answered May 12, 2014 at 18:31

Hackerman

12.3k2 gold badges37 silver badges47 bronze badges

Comments

Bill Criswell · Accepted Answer · 2014-05-12 18:31:20Z

0

this will go through each i in .menu-item then add the title attribute of the parent to the class...

$('.menu-item i').addClass(function () {
  return 'fa-' + this.parentNode.title;
});

http://jsbin.com/peyofira/2/edit?html,js,output

answered May 12, 2014 at 18:31

Bill Criswell

33k8 gold badges80 silver badges68 bronze badges

Comments

Alex_B · Accepted Answer · 2014-05-12 18:31:53Z

0

this works:

$(document).ready(function() {
var title = "fa-" + $(".menu-item a").attr('title');
$(".menu-item i").addClass(title);
});

answered May 12, 2014 at 18:31

Alex_B

8487 silver badges13 bronze badges

Collectives™ on Stack Overflow

Getting attribute and adding class

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related