jquery检查和更改按钮值

Question

$("button").click(function() {  if ($("#showHideButton").val() == "Read More2")
  $("#showHideButton").val(function(){
    return "Read Less"
 });});

我正在尝试按钮来切换值。

Answer 1

代码是自我解释的。

工作范例：

$("button").click(function () {
    if ($("#showHideButton").text() == "Read More")
        $("#showHideButton").text("Read Less");
    else
        $("#showHideButton").text("Read More");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="showHideButton">Read More</button>

Answer 2

你可以这样做：

$("button").on('click', function() {
  if($(this).text() == 'Read More') {
      $(this).text('Read Less');
  } else {
      $(this).text('Read More');
  }
});

可以说，switch/case的效果优于if/else，所以如果您对开销感到担心，可以这样做。不过，我不担心，因为它很简单。你可能甚至看不出两者之间的区别。