Question

我想将以下类和元素添加到文档就绪的div中。所以基本上我想将glyphicon-time和data-livestamp元素添加到div中，即#inbs2。有什么想法吗？

<span class="glyphicon glyphicon-time" aria-hidden="true"</span>
&nbsp<time data-livestamp="1447372205"></time>

我尝试了以下操作，

var time = data-livestamp="1447373405";
$(documnet).ready(){
    $('inbs2').add("p")
    .css('glyphicon glyphicon-time', 'true')
    .add('time');
};

但它没有用......请帮忙

Answer 1

你需要使用

addClass（）将类添加到元素

attr（＆＃39; Attribute_Name＆＃39;）获取元素属性

对于数据attr，您可以使用 .data（）

将元素设置为元素使用 attr（＆＃39; Attribute_Name＆＃39;，＆＃39; Value_you_want＆＃39;）

$('#inbs2').addClass('glyphicon').addClass('glyphicon-time');

你的代码应该像这样

var time = $('time').attr('data-livestamp');  //or you can use $('time').data('livestamp');
$(documnet).ready(){
    $('#inbs2').addClass('glyphicon-time').text(time); // there are more things instead of text() but thats rely of what you need to do .html()  ,  .append()
};

Answer 2

我解释您要生成具有指定属性的<span>和<time>元素，然后将它们添加到现有<div id="inbs2">。

我正在使用addClass()，attr()和appendTo()。

＆＃13;

var time = livestamp = "1447373405";

$(function() {

  $container = $('#inbs2');

  $('<span>').addClass('glyphicon glyphicon-time')
             .attr('aria-hidden', true)
             .appendTo($container);
  
  $('<time>').attr('data-livestamp', livestamp)
             .appendTo($container);
  
});

＆＃13;

.glyphicon,
time {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.glyphicon {
  background-color: tomato;
}
time {
  background-color: teal;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="inbs2"></div>

＆＃13;

如何使用jquery将类和元素添加到div

3 个答案: