jquery - jQuery - 如何使用 javascript 在页面上放置 html 元素

Question

我是一个 jQuery 新手。我正在尝试做这样的事情：

function putJStorageValues () { 
  var keys = getJStorageValues();
  var test = "";
  jQuery.each(keys, function(index, item) {
    test += "<br>" + item;
  });
  $("#storageValues").text(test);
}

但这以“
myItem”结束。我将如何打印 HTML 以便有一个换行符，然后是项目？

Answer 1

$("#storageValues").text(test);<-- 将文本放在元素上（剥离 HTML） $("#storageValues").html(test);<-- 将 HTML 放在元素中

Answer 2

您最好使用文本中的 .html 方法，<br/>否则您可能希望文本中包含其他 html 元素。

$("#storageValues").html(test);

.html() - 这个 jQuery 函数获取/设置任何元素的 HTML。.text() - 这个 jQuery 函数获取/设置任何元素的文本（内部文本）。Details

function putJStorageValues () {

var keys = getJStorageValues();
var test = "";
jQuery.each(keys, function(index, item) {
    test += "<br>" + item;
});
$("#storageValues").html(test);
}

Answer 3

你会想要使用append()

function putJStorageValues () {

     var keys = getJStorageValues();
     var test = "";
     jQuery.each(keys, function(index, item) {
          test += "<br>" + item;
     });

     $("#storageValues").append(test);
}

Answer 4

通常 DOM 操作是通过appendChild函数或append在 jQuery 中完成的。这需要创建要追加的 DOM 元素。

function putJStorageValues () {

 var keys = getJStorageValues();
 jQuery.each(keys, function(index, item) {
  var toInsert = document.createElement("p");
  p.innerHTML = item;
  $("#storageValues").append(toInsert);
 });
}