Question

我尝试使用子install.packages("foreign") library(foreign) library(data.table) a<-fread("YourData.csv") write.arff(a,file="~/YourLocation.arff")元素创建<div>元素; <p>个元素被分配了一个＆＃34;时钟＆＃34; +一个数字（增量）。虽然似乎创建了元素本身，但向<div>元素添加文本（在我的情况下是一个时刻对象）并不起作用。

HTML：

<p>

JS：

<body>
      <select class="tz_list" name="timezones">
          <option value="default">Please Select a Timezone</option>
      </select>
      <input type="button" name="addClock" value="Add Clock" class="button">
</body>

我错过了什么？这是JSFiddle

Answer 1

相反，创建类“时钟”尝试创建没有给予空间。它会起作用。

    function displayTime(timezone, clock_number) {
   console.log(timezone);
   var location = moment().tz(timezone).format("ddd, MMMM Do YYYY, HH:mm:ss");
   console.log(location);
   //$('.clock '+clock_number)[0].childNodes[0].nodeValue = timezone;
   var selector = '.clock'+clock_number.toString() + ' p';
   console.log(selector);
   //$('.clock'+clock_number.toString()).css({"height":"100px", "width":"500px"});
   $('.clock'+clock_number.toString()).text(timezone);
   $(selector).text(location.toString());
 };
$('.button').on('click', function(e){
   console.log(e.target.value);
   var div = '<div class="clock'+clock_count.toString()+'"><p></p></div>';
   $(div).insertAfter('.button');
   clock_count+=1;
   displayTime(timezone, clock_count-1);

});

Answer 2

更改此行：

$('.clock.'+clock_number.toString()).text(timezone);

添加“。”在时钟之后，但不是上帝练习添加数字作为类，而是使用类似clock_1（或clock1，如下面的答案）

将文本添加到动态创建的DOM元素中

2 个答案: