如何将三个js值传递给html中的标签？

Question

在我的项目中，我希望三个js值可以传递给div的标签。就像：

stWay:             stProposer:           stTime:
hello              John                  2017-09-07

我可以点击一个按钮使div1成功显示。但我无法从js获得价值。你好，约翰，2017-09-07的价值不会出现。

对于相同的格式，我选择了set label css。所以我不想使用输入。

这是我的js代码：

<script>
$(document).ready(function()
 {
   ......//click button to make div1 display block
   var reqStWay = "hello";
   var reqPeople = "John";
   var reqTime = "2017-09-07";
   $("#div1").css('display','block');
   $('#lblId').val(reqStWay);
   $('#lblId').val()=$('#lblId').val().appendto("         ");
   $('#lblId').val()=$('#lblId').val().appendto(reqPeople);
   $('#lblId').val()=$('#lblId').val().appendto("         ");
   $('#lblId').val()=$('#lblId').val().appendto(reqTime);
 }
</script>

这是我的HTML代码：

<style>
.DIV1 label{.........}
</style>
<div id="div1" class="DIV1">
<label>stWay:&nbsp;&nbsp;&nbsp;&nbsp;stProposer:&nbsp;&nbsp;&nbsp;&nbsp;stTime:</label><br />
<label id="lblId"></label><br />
</div>

我也试过

 $('#lblId').html(reqStWay"    "reqPeople"       "reqTime);

但不幸的是，它又失败了。谁能帮帮我？

Answer 1

有很多方法可以做到这一点。只需修改你的版本，就可以让它像这样工作：

$('#lblId').html(reqStWay + "    " + reqPeople + "      " + reqTime);

也许更简洁的方法是实现同样的目标：

$('#lblId').append(reqStWay)
           .append("    ")
           .append(reqPeople)
           .append("    ")
           .append(reqTime);

或者我们可以做得更好，如下所示。只要将其留在此处，以防有人遇到此问题并寻求更好的概述HTML。

var reqStWay = "hello";
var reqPeople = "John";
var reqTime = "2017-09-07";

$('#lblId').find('tbody').append('<tr><td>'+reqStWay+'</td><td>'+reqPeople+'</td><td>'+reqTime+'</td></tr>');

#lblId td {
  padding:0 2em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="lblId">
  <thead>
    <tr>
      <th>stWay</th>
      <th>stProsper</th>
      <th>stTime</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

Answer 2

  $('#lblId').html(reqStWay + "    " + reqPeople + "     " + reqTime);

此代码工作正常。您需要+个符号来连接字符串。你没有那些。