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

Question

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

0

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

<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.

Damian 12 май 2014, в 21:20

Источник

1

Вы пытаетесь добавить класс в <i> или заменить все классы?
Sunny Patel 12 май 2014, в 18:26

Теги:

javascript

jquery

attributes

4 ответа

0

Попробуйте что-то вроде этого:

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

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

Hackerman 12 май 2014, в 17:12

0

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

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

Alex_B 12 май 2014, в 16:32

0

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

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

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

Bill Criswell 12 май 2014, в 15:33

Ещё вопросы

Вы пытаетесь добавить класс в <i> или заменить все классы?

Karl-André Gagnon · Accepted Answer · 2014-05-12T16-45-00.000Z

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

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

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

Это будет проходить через каждый a и получить свой собственный заголовок. Затем он добавит класс к своему потомку.