jQuery .text（）在单击上不起作用

哈斯纳因

我正在尝试制作一个可变形的锚标签，直到现在为止，我希望它可以同时切换fa图标和单击的文本。到目前为止，fa图标可以切换，但不能切换文本，任何人都可以告诉我该怎么做。

html

<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");
});

萨特帕尔

您需要阻止其默认操作，因为元素是锚。还要将您的代码包装在可用于文档的处理程序中。

$(document).ready(function() {
  $('h5 #btnExp').on('click', function() {
    $("h5 #btnExp").toggleClass("fa fa-minus fa fa-plus");
    $(this).text($(this).text() === '123' ? 'ADD' : '123'); //Also toggle text
    return false;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h5 class="text-muted"> Education <a id="btnExp" class="fa fa-plus">ADD</a> </h5>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。