使用jQuery删除按钮文本

Question

您好我正在使用生成按钮的滑块并为其提供一些文本。我想知道是否有一些方法可以使用jQuery删除此文本。我无法编辑html，因为它是由滑块生成的。

这是我的HTML：

<button type="button" class="slick-next">Next</button>

正如您所看到的那样，它为按钮提供了“下一步”的文字，我想将其完全删除，以便它看起来像：

<button type="button" class="slick-next"></button>

这可能吗？

由于

Answer 1

正如安德鲁评论的那样，使用jQuery可以用空文本替换现有文本：

$(".slick-next").text("");
//or
$(".slick-next").html("");

同样使用Vanilla Javascript，您可以达到同样的效果：

document.querySelector('.slick-next').innerHTML = "";
//or
document.querySelector('.slick-next').innerText = "";

最后的解决方案在我看来是最好的，因为你完全摆脱了元素中不必要的文本节点：

// vanilla js
var element = document.querySelector('.slick-next');
element.removeChild(element.childNodes[0]);

// jQuery version
$(".slick-next").empty();