jquery - 点击 jquery 更改文本

Question

我有以下代码:

<td class="select-cli-numbers"><div class="explanationText" style="cursor:pointer;">Click here to select numbers</div></td>

切换时，我想显示为 单击此处隐藏 CLI 号码

我的js如下，但不起作用。有什么想法吗？

$(".select-cli-numbers").toggle(function () {
            $('#cli-numbers').show();
            $(this).text() = "Click here to hide CLI numbers"
    }, function () {
            $('#cli-numbers').hide();
            $(this).text() = "Click here to show CLI numbers"
        });

Answer 1

您的语法只是有一点小问题。

$(".select-cli-numbers").toggle(function () {
  $('#cli-numbers').show();
  $(this).children().text("Click here to hide CLI numbers");
}, function () {
  $('#cli-numbers').hide();
  $(this).children().text("Click here to show CLI numbers");
});

text() 接受一个文本字符串并将元素的文本节点设置为该字符串。