如何在Jquery中更改元素的文本但保持CSS樣式？

Question

我試圖替換列表元素的文本並保持原始類的樣式，但是當我替換它時，它將覆蓋CSS。 當我嘗試向其添加新樣式時，它似乎不起作用。 我可能對html（）函數有誤解-它可以應用樣式嗎？

$('#listElement>li:eq(1)').html('replacement text').addClass('.progressStep')

$('.progressStep').css({
   'width': '140px',
   'display': 'block',
   'margin': '10px 0 0 -60px',
   'color': '#c5c5c5'
})

Answer 1

您已經將.progressStep作為參數傳遞給.addClass() 。 這是添加類.progressStep而不是progressStep

您無需在.addClass()方法中使用類選擇器。 您只需將類名作為參數傳遞。 在當前情況下，請使用addClass('progressStep')而不是addClass('.progressStep') ：

$('#listElement>li:eq(1)').html('replacement text').addClass('progressStep')

Answer 2

嘗試這個：

$('#listElement>li:eq(1)').text('replacement text').addClass('.progressStep')

您只需要使用html ，如果你實際添加HTML