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);＆lt; - 这会将文本放在元素上（剥离HTML） $("#storageValues").html(test);＆lt; - 这会将HTML放入元素

中

Answer 2

你最好使用.html方法，因为你在文本中有<br/>，或者你可能期望文本中有其他html元素。

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

.html（） - 这个jQuery函数获取/设置任何元素的HTML。 .text（） - 这个jQuery函数获取/设置任何元素的文本（innertext）。 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

通常使用appendChild函数或jQuery中的append进行DOM操作。这需要追加DOM元素的创建。

function putJStorageValues () {

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

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

4 个答案: