Javascript 动态更改文本，如何不删除<；i>；元素？

我有这个按钮：

<button disabled="" id="btnGuardarPaso1" class="btn btn-primary" type="submit"><i class="fa fa-save"></i> Save</button>

但是，此代码有一个问题：

元素也被删除/更改，我希望对其进行维护。我怎样才能解决这个问题

---

此外，由于按钮有一个图标，我可以动态更改它吗？例如，

fa save

将更改为

fa edit

，反之亦然，这取决于用户的选择您可以在按钮内部放置一个span标签，并设置span而不是按钮的文本。斜体字将在跨度之外

<button disabled="" id="btnGuardarPaso1" class="btn btn-primary" type="submit"><i class="fa fa-save"><span id="textItem"></span></i> Save</button>


if (tipoTramiteSolVal != 1 && tipoTramiteSolVal !== "" && tipoTramiteSolVal != undefined ) {
$("#btnGuardarPaso1").removeClass("btn-primary");
$("#textItem").text("Edit");
} else {
$("#btnGuardarPaso1").addClass("btn-primary");
$("#textItem").text("Save");
}

---

可以在按钮内部放置跨距标记，并设置跨距的文本而不是按钮。斜体字将在跨度之外

<button disabled="" id="btnGuardarPaso1" class="btn btn-primary" type="submit"><i class="fa fa-save"><span id="textItem"></span></i> Save</button>


if (tipoTramiteSolVal != 1 && tipoTramiteSolVal !== "" && tipoTramiteSolVal != undefined ) {
$("#btnGuardarPaso1").removeClass("btn-primary");
$("#textItem").text("Edit");
} else {
$("#btnGuardarPaso1").addClass("btn-primary");
$("#textItem").text("Save");
}

---

可以在按钮内部放置跨距标记，并设置跨距的文本而不是按钮。斜体字将在跨度之外

<button disabled="" id="btnGuardarPaso1" class="btn btn-primary" type="submit"><i class="fa fa-save"><span id="textItem"></span></i> Save</button>


if (tipoTramiteSolVal != 1 && tipoTramiteSolVal !== "" && tipoTramiteSolVal != undefined ) {
$("#btnGuardarPaso1").removeClass("btn-primary");
$("#textItem").text("Edit");
} else {
$("#btnGuardarPaso1").addClass("btn-primary");
$("#textItem").text("Save");
}

---

可以在按钮内部放置跨距标记，并设置跨距的文本而不是按钮。斜体字将在跨度之外

<button disabled="" id="btnGuardarPaso1" class="btn btn-primary" type="submit"><i class="fa fa-save"><span id="textItem"></span></i> Save</button>


if (tipoTramiteSolVal != 1 && tipoTramiteSolVal !== "" && tipoTramiteSolVal != undefined ) {
$("#btnGuardarPaso1").removeClass("btn-primary");
$("#textItem").text("Edit");
} else {
$("#btnGuardarPaso1").addClass("btn-primary");
$("#textItem").text("Save");
}

---

这不是我的最终解决方案，但我接受您的想法，通过添加

并将我的代码修改为

$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（'span'）.text（“编辑”）只是FA部分我不知道怎么做it@lukevp不确定为什么使用id而不只是执行
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（“span”）.text（“编辑”）
@ReynierPM
toggleClass（）
@epascarello你说的
toggleClass（）是什么意思？你能在这里举个例子吗？嗯，就像文本是如何改变的一样，在元素上添加/删除类$（#btnGuardarPaso1”）.find（“i”）.toggleClass（“fa保存fa编辑”）；这不是我的最终解决方案，但我接受您的想法，通过添加
并将我的代码修改为
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（'span'）.text（“编辑”）只是FA部分我不知道怎么做it@lukevp不确定为什么使用id而不只是执行
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（“span”）.text（“编辑”）
@ReynierPM
toggleClass（）
@epascarello你说的
toggleClass（）是什么意思？你能在这里举个例子吗？嗯，就像文本是如何改变的一样，在元素上添加/删除类$（#btnGuardarPaso1”）.find（“i”）.toggleClass（“fa保存fa编辑”）；这不是我的最终解决方案，但我接受您的想法，通过添加
并将我的代码修改为
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（'span'）.text（“编辑”）只是FA部分我不知道怎么做it@lukevp不确定为什么使用id而不只是执行
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（“span”）.text（“编辑”）
@ReynierPM
toggleClass（）
@epascarello你说的
toggleClass（）是什么意思？你能在这里举个例子吗？嗯，就像文本是如何改变的一样，在元素上添加/删除类$（#btnGuardarPaso1”）.find（“i”）.toggleClass（“fa保存fa编辑”）；这不是我的最终解决方案，但我接受您的想法，通过添加
并将我的代码修改为
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（'span'）.text（“编辑”）只是FA部分我不知道怎么做it@lukevp不确定为什么使用id而不只是执行
$（“#btnGuardarPaso1”）.removeClass（“btn主”）.find（“span”）.text（“编辑”）
@ReynierPM
toggleClass（）
@epascarello你说的
toggleClass（）是什么意思？你能在这里举个例子吗？嗯，就像文本是如何改变的一样，在元素上添加/删除类$（#btnGuardarPaso1”）.find（“i”）.toggleClass（“fa保存fa编辑”）；