Javascript/jQuery If 条件

Question

我目前在使 jQuery if 语句正常工作时遇到问题。我一直在查看有关 Javascript 中 if 语句的在线教程以及有关 jQuery 的文档，试图使其正常工作，但仍然无法成功。我在下面添加了我的 JS 片段。

($('#modem-include').click(function () {
    if ($(this).hasClass("btn-info")) {
        $(this).addClass("btn-success");
        $(this).removeClass("btn-info");
        $(this).text("SELECTED");
    } else {
        $(this).text("SELECTED");
    }
    if ($('#modem-nothanks').hasClass("btn-success")) {
        $(this).addClass("btn-info");
        $(this).removeClass("btn-success");
        $(this).text("SELECT");
    } else {
        $(this).text("SELECT");
    }
}));
($('#modem-nothanks').click(function () {
    if ($(this).hasClass("btn-info")) {
        $(this).addClass("btn-success");
        $(this).removeClass("btn-info");
        $(this).text("SELECTED");
    } else {
        $(this).text("SELECTED");
    }
    if ($('#modem-include').hasClass("btn-success")) {
        $(this).addClass("btn-info");
        $(this).removeClass("btn-success");
        $(this).text("SELECT");
    } else {
        $(this).text("SELECT");
    }
}));

无论我尝试什么，这似乎都不起作用。

想知道我是否遗漏了一些明显的东西？

提前致谢。

Answer 1

如果我理解正确(我不确定)，请尝试以下操作:

$('#modem-include').click(function () {
  var $this = $(this), $that = $('#modem-nothanks');
  if ($this.hasClass("btn-info")) {
      $this.removeClass("btn-info");
      $this.addClass("btn-success");
      $this.text("SELECTED");
  } else {
      $this.text("SELECT");
  }
  if ($that.hasClass("btn-success")) {
      $that.removeClass("btn-success");
      $that.addClass("btn-info");
      $that.text("SELECT");
  } else {
      $that.text("SELECTED");
  }
});
$('#modem-nothanks').click(function () {
  var $this = $(this), $that = $('#modem-include');
  if ($this.hasClass("btn-info")) {
      $this.removeClass("btn-info");
      $this.addClass("btn-success");
      $this.text("SELECTED");
  } else {
      $this.text("SELECT");
  }
  if ($that.hasClass("btn-success")) {
      $that.removeClass("btn-success");
      $that.addClass("btn-info");
      $that.text("SELECT");
  } else {
      $that.text("SELECTED");
  }
});