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

通常、DOM 操作はappendChild関数またはappendjQuery で行われます。これには、追加する DOM 要素を作成する必要があります。

function putJStorageValues () {

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

Answer 4

使いたくなるappend()

function putJStorageValues () {

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

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