jQuery: динамически добавлять класс, принадлежащий другому элементу

Question

Я хочу добавить класс к элементу, принадлежащему элементу, который был просто щелкнул. Класс меняется, но все начинается с fa-.

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

$(".fa").on("click", function() { 

    var Icon = $(".icon"); 

    Icon.addClass($(this).attr("class").match(/fa-[\w-]*\b/)); 

}); 

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

alert($(this).attr("class").match(/fa-[\w-]*\b/)) 

Answer 1

match() возвращает String объект, а не примитивный string; ему нужно добавить эти дополнительные свойства. jQuery, похоже, не похож на объекты String; возможно, он тестирует через typeof ... == 'string', который возвращает false для объекта String.

Простое добавление +'', чтобы заставить его к string делает его работу:

selectedOptionIcon.addClass($(this).attr("class").match(/fa-[\w-]*\b/)+''); 

Working fiddle.

Answer 2

$(".get-from-this").on("click", function() { 
 

 
    var selectedOptionIcon = $("#add-to-this"); 
 
    selectedOptionIcon.addClass($(this).attr("class").match(/fa-[\w-]*\b/).toString()); 
 
});