jquery.text（）在单击时不起作用

我正在尝试制作一个可切换的锚定标签，到目前为止，我希望它能够在点击时切换fa图标和文本。到目前为止，fa图标切换，但无法切换文本。有人能告诉我如何操作吗

html

---

更改

$（“#btnExp”）。文本（“123”）至
$（本）.text（“123”）
更改
$（“#btnExp”）。文本（“123”）至
$（本）.text（“123”）
您需要防止其默认操作，因为元素是锚点。还可以将代码封装在中


$（文档）.ready（函数（）{
$（'h5#btnExp'）。在（'click'，function（）上{
$（“h5#btnExp”）。切换类别（“fa减去fa加”）；
$（this.text（$（this.text（）==='123'？'ADD'：'123'）；//同时切换文本
返回false；
});
});

教育添加
您需要防止其默认操作，因为元素是锚定。还可以将代码封装在中


$（文档）.ready（函数（）{
$（'h5#btnExp'）。在（'click'，function（）上{
$（“h5#btnExp”）。切换类别（“fa减去fa加”）；
$（this.text（$（this.text（）==='123'？'ADD'：'123'）；//同时切换文本
返回false；
});
});

教育添加
这是完全不真实的。锚确实有
text（）
属性，并且没有
innerHml
jQuery属性（你是指
html（）
或
（“#btnExp”）[0]。innerHTML=“123”
无论如何）@TrueBlueAussie你能解释一下吗，我对批评持开放态度。。。见上文（以及Satpal的工作答案）。锚定确实有一个
text（）
属性，您可以获取和设置该属性。jQuery对象没有
innerHTML
方法（它们有
html（）
），我不记得jQuery有
innerHTML
方法，锚元素有text属性。而且html与text@kidwon谢谢你的更新，我会更新答案的。这是完全不真实的。锚确实有
text（）
属性，并且没有
innerHml
jQuery属性（你是指
html（）
或
（“#btnExp”）[0]。innerHTML=“123”
无论如何）@TrueBlueAussie你能解释一下吗，我对批评持开放态度。。。见上文（以及Satpal的工作答案）。锚定确实有一个
text（）
属性，您可以获取和设置该属性。jQuery对象没有
innerHTML
方法（它们有
html（）
），我不记得jQuery有
innerHTML
方法，锚元素有text属性。而且html与text@kidwon感谢您的更新，如果脚本位于页面上引用的元素之前，我将相应地更新答案“也在文档就绪处理程序中包装您的代码”（一般的好建议，但最好限定它）：）感谢您的快速回复，是否可以切换此文本aswell@MHHasnain，最新答案如果脚本位于页面上引用的元素之前（一般性的好建议，但最好限定它）：“也在文档就绪处理程序中包装代码”：谢谢您的快速回复，是否可以切换此文本aswell@MHHasnain，最新答案
<h5 class="text-muted"> Education <a id="btnExp" class="fa fa-plus">ADD</a> </h5>

$('h5 #btnExp').on('click', function () {
    $("h5 #btnExp").toggleClass("fa fa-minus fa fa-plus");
    $("#btnExp").text("123");
});