jquery clone element и добавить его после внесения изменений в оригинал

Question

Это своего рода гипотетический вопрос - я на самом деле не изменяю цвет элемента - я пытался выяснить, что происходит, когда я клонирую элемент, а затем пытаюсь добавитьэлемент позже - то, что я думал, произойдет, по сути, копирование / вставка - но это не работает точно так -

У меня есть элемент .foo

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

var $clone = $('.foo').clone();

Затем я делаю некоторые вещи с исходным элементом

$('.foo').css({'color', 'red'});

Затем по какой-то причине мне нужно уничтожить исходный .foo и заменить его наклон:

$('.foo').replaceWith($clone);

Затем я хочу внести изменения в новый элемент:

$('.foo').css({'color', 'red'});

Но это не работает?

Answer 1

Это не работает, потому что ваш .css() синтаксис неверен.При передаче объекта этому методу, как и вы, вы должны использовать двоеточия для разделения свойства и значения, как всегда в JSON:

$('.foo').css({'color':'red'});

Чтобы использовать запятую, удалите фигурные скобки:

$('.foo').css('color', 'red');