时间戳

首页 > 解决方案 > Jquery函数附加到空div

jquery - Jquery函数附加到空div

问题描述

我目前正在尝试自学一些编码，并且正在学习如何制作秒表的课程。到目前为止，我已经完成了所有工作，除了当我按下单圈按钮时，它不会占用单圈时间并将其附加到一个空的 div 中。有任何想法吗？

这是我正在尝试使用的功能：

function addLap(){
    var myLapDetails = "<div>Lap</div>";
    $("#myLapDetails").appendTo("#laps");
}

这是我试图放置它的地方：

<div id="laps">

有什么想法吗？

标签： jqueryappend

解决方案

您可以从字符串创建一个 jQuery 元素并像这样使用它：

function addLap() {
  var $myLapDetails = $("<div>Lap</div>");
  $myLapDetails.appendTo("#laps");
}

addLap();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="laps"></div>

请注意$，变量名称中的 不是必需的，但如果有这样的事情，则被认为是“惯用的”jQuery。

推荐阅读