Question

＆＃13;

$('.showlink').click( function() {
    $('.box').slideToggle(300);
});

＆＃13;

.box {
    display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="showlink">click</div>
<div class="box">content</div>

＆＃13;

我的代码是这样的，我想更改单词＆＃39; click＆＃39;进入＆＃39; click again'点击它后在第一个div中，但我不知道如何实现这一目标？

Answer 1

使用以下text()方法更改文字。

$('.showlink').click( function() {
    var text = $(this).text().trim();
    $(this).text(text == 'click' ? 'click again' : 'click');
    $('.box').slideToggle(300);
});

.box {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="showlink">click</div>

<div class="box">content</div>

Answer 2

阿齐姆的答案总结了一下。但是，由于一些新开发人员不了解三元运算是如何工作的，因此您也可以使用旧式if else语句来实现它。

HTML：

<div class="showlink">click</div>
<div class="box">content</div>

jQuery的：

$(".box").hide();
$(".showlink").click(function(){
    $(".box").toggle();
  if($(".showlink").click){
    $(".showlink").text("click again");
  } if ($(".box").css("display") == "none") {
    $(".showlink").text("click");
  }
});

Working demo

单击div后如何更改标题

2 个答案: