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()方法中使用类选择器。你应该简单地将classname（s）作为参数传递。在目前的情况下，请使用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

如何更改元素的文本但在Jquery中维护CSS样式？

2 个答案: