Question

这是我到目前为止用HTML编写的内容：

<input id="userinput" type="text"><br><br>
<a id="submit" href="#" class="btn btn-primary btn-lg">
  Add to List
</a>

<div id="tasklist" class="col-md-12">
  <a id="item1"></a>
  <a id="item2"></a>
  <a id="item3"></a>
  <a id="item4"></a>
</div>

在Javascript中我有：

var counter = 0;

$("#submit").click(function(){
  counter = counter + 1;
  $("#newtask").hide();

$("#item", counter).attr("text", userinput);
});

我遇到.attr函数及其格式问题。我也不明白如何回顾用户的输入并将其保存为变量或使用id标记。

Answer 1

你试过吗

$("#item", counter).attr("text", $("userinput").val());

Answer 2

在java脚本中，con-concatenation运算符是＆＃39; +＆＃39;不是＆＃39;，＆＃39;。还可以使用＆＃39; html＆＃39;而不是＆＃39; attr＆＃39;请检查以下代码，它可能会对您有所帮助。

＆＃13;

var counter = 0;

$("#submit").click(function(){
  counter = counter + 1;
  $("#newtask").hide();
  userinput = $('#userinput').val();
$("#item"+counter).html(userinput);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="userinput" type="text"><br><br>
<a id="submit" href="#" class="btn btn-primary btn-lg">
  Add to List
</a>

<div id="tasklist" class="col-md-12">
  <a id="item1"></a>
  <a id="item2"></a>
  <a id="item3"></a>
  <a id="item4"></a>
</div>

＆＃13;

如何使用输入标记将用户输入存储为变量？

2 个答案: