jquery - 在 jQuery 中的所需元素之后添加类

Question

我想在 jQuery 中做 addClass，

当我尝试下面的代码时，结果就像图片 1

 $('#contineButton').html('Continue').addClass('fa fa-chevron-right');
 $('#contineButton').html('Continue').after().addClass('fa fa-chevron-right');

但是，我想得到如下图 2 的结果

原始按钮代码:

<button type="button" class="btn btn-success next-step" id="contineButton">
                ${vo.continueButtonText} <i class="fa fa-chevron-right"></i>
</button>

Answer 1

你正在使用 after() 而你应该使用 append()

 $('#contineButton').html('Continue').append('<i class="fa fa-chevron-right"></i>');

解释:

您在第一次尝试中使用了 html->addClass 会将类添加到当前对象(按钮)，在第二次尝试中(使用 after)将尝试在之后插入的空元素中执行此操作。 html完全替换了按钮的内容，所以 <i>不存在了。