如何在jQuery中添加div内容

时间:2019-12-09 11:10:33

标签: jquery countdown

我正在尝试将div中的内容添加到jQuery函数中。请看下面:

我要添加的内容:

<div id="year">2020</div>

我想将“ #year ” div中的“ 2020”年份添加到函数中下方显示“ 2019 ”的位置:

<div id="getting-started"></div>
$('#getting-started').countdown('2019/12/24', function(event) { // <-- here
        $(this).html(event.strftime('%D %H %M %S'));
});

预先感谢您:)

2 个答案:

答案 0 :(得分:1)

使用$('#year').text()来获取<div id="year">2020</div>的值,并在您的代码中使用它,如下所示:

工作片段:-

var year = $('#year').text();
$('#getting-started').countdown(
  year +'/12/24', function(event) { 
    $(this).html(event.strftime('%D %H %M %S')); 
  }
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/hilios/jQuery.countdown/2.2.0/dist/jquery.countdown.min.js"></script>

<div id="year">2020</div><br>
<div id="getting-started"></div>

答案 1 :(得分:1)

只需提取#year div的内容,然后使用该值创建字符串

const year = $('#year').text();
$('#getting-started').countdown(`${year}/12/24`, function(event) {
  $(this).html(event.strftime('%D %H %M %S'));
});