Question

for (var i = 0; i < weekNo; i++) {
  $("<div>").attr({
    'id': "chart_div_" + i
  }).css({
    'border': '1px solid #ccc',
    'width': '750px',
    'height': '200px'
  }).appendTo("body");
  $("<br>").appendTo("body");
}

如何为每个生成的div设置带文本的h3标签？

Answer 1

试试这个：

for (var i = 0; i < weekNo; i++) {
    var div = $("<div>").attr({ 'id': "chart_div_" + i }).css({ 'border': '1px solid #ccc', 'width': '750px', 'height': '200px' }).appendTo("body");
    div.append('<h3>' + text + '</h3>');
    $("<br>").appendTo("body");
}

Answer 2

这可能会有所帮助！

var weekNo = 5;

for (var i = 0; i < weekNo; i++) {

  var div = $("<div>").attr({
    'id': "chart_div_" + i
  }).text("Div " + i + " content here").css({
    'border': '1px solid #ccc',
    'width': '750px',
    'height': '200px'
  }).appendTo("body");

  $("<h3>").attr({
    'id': "h3_" + i
  }).text("Header " + i).prependTo(div);

  $("<br>").appendTo("body");
}

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

jQuery在<div>中动态设置<h3>

2 个答案: