Получение atribute и добавление класса

Question

Я хочу, чтобы добавить класс для дочернего элемента, как в примере:

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

и JS:

$(document).ready(function() { 

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

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

Я не знаю, как ремонт этого JavaScript.

Answer 1

Я думаю, что вы ищете что-то больше, как это:

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

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

Это будет цикл по каждому a и получить свой титул. Затем он добавит класс к своему потомку.

Answer 2

попробовать что-то вроде этого:

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

Работа скрипку: http://jsfiddle.net/robertrozas/CTt38/

Answer 3

это будет пройти через каждый i в .menu-item затем добавить атрибут заголовка родителя к классу ...

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

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

Answer 4

это работает:

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