Question

$(document).ready(function() {
  $("#btn1").click(function() {
    $("p").append(" <b class='phs' id='btn1r' onclick='$(this).remove();$(\"#btn1\").show()'>Auto</b>");
    $("#btn1").hide();
  });
  $("#btn2").click(function() {
    $("p").append(" <b class='phs' id='btn2r' onclick='$(this).remove();$(\"#btn2\").show()'>My</b>");
    $("#btn2").hide();
  });
  $("#btn3").click(function() {
    $("p").append(" <b class='phs' id='btn3r' onclick='$(this).remove();$(\"#btn3\").show()'>blue</b>");
    $("#btn3").hide();
  });
  $("#btn4").click(function() {
    $("p").append(" <b class='phs' id='btn4r' onclick='$(this).remove();$(\"#btn4\").show()'>is</b>");
    $("#btn4").hide();
  });
});

var a = 'My car is blue';
var b = //append or removed text

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<b>My car is blue</b>
<p></p>

<button id="btn1" value="car" onclick="$(this).val();">car</button>
<button id="btn2" value="My" onclick="$(this).val();">My</button>
<button id="btn3" value="blue" onclick="$(this).val();">blue</button>
<button id="btn4" value="is" onclick="$(this).val();">is</button>

我正在用JavaScript创建此游戏，但是我无法编写填充变量b来比较a = b的函数。我应该按所按按钮的顺序填充变量b，并且如果隐藏了文本，也应该删除该文本。

Answer 1

您可以通过

使用字符串连接将其添加到b中

b + " " + $(this).text();

进行比较时，应在b.trim()开头删除空格。

$(document).ready(function() {
  $("#btn1").click(function() {
    $("p").append(" <b class='phs' id='btn1r' onclick='$(this).remove();$(\"#btn1\").show()'>Auto</b>");
    $("#btn1").hide();
    b += " " + $(this).text();
  });
  $("#btn2").click(function() {
    $("p").append(" <b class='phs' id='btn2r' onclick='$(this).remove();$(\"#btn2\").show()'>My</b>");
    $("#btn2").hide();
    b +=  " " + $(this).text();
  });
  $("#btn3").click(function() {
    $("p").append(" <b class='phs' id='btn3r' onclick='$(this).remove();$(\"#btn3\").show()'>blue</b>");
    $("#btn3").hide();
    b += " " + $(this).text();
  });
  $("#btn4").click(function() {
    $("p").append(" <b class='phs' id='btn4r' onclick='$(this).remove();$(\"#btn4\").show()'>is</b>");
    $("#btn4").hide();
    b += " " + $(this).text();
  });
});

var a = 'My car is blue';
var b = '';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<b>My car is blue</b>
<p></p>

<button id="btn1" value="car" onclick="$(this).val();">car</button>
<button id="btn2" value="My" onclick="$(this).val();">My</button>
<button id="btn3" value="blue" onclick="$(this).val();">blue</button>
<button id="btn4" value="is" onclick="$(this).val();">is</button>

函数追加javascript和jquery

1 个答案: