0

item-group-buttonDOM 階層で呼び出される一連の要素があります。次の jQuery コードを使用して、上記の指定された要素を取得し、要素の内部 HTML に新しいコンテンツを追加します。

    function getMajorGroups(){
    var element = $(".item-group-button");
    $.get("http://localhost:9157/getAllMajorGroups", function(data){
        if(data.majorGroups.length != 0){
            $('.panel_list').empty();

        }
        for(var i = 0; i < data.majorGroups.length; i++){
            element[i].appendChild("<h3>" + data.majorGroups[i] + "</h3>");
            $('.panel_list').append(element);
        }
    });
}

要素コードは以下の通りです。

<div class="item-group-button">
    <!-- Item Group Selection Button -->
        <h3>Beverage</h3>
</div>

しかし、コードを実行すると、要素がクリアされず、新しいコンテンツが現在のコンテンツに追加されます。

私がやろうとしているのは、Web サービスに接続し、受信したデータに従って、html 要素を設定することです。より良い提案があれば、私に教えてください!

ありがとう！

4

2 に答える 2

1

コンソールでエラーが発生する必要がありますがappendChild、jquery にはありません。

$('.panel_list').appendChild(element);

する必要があります

$('.panel_list').append(element);

于 2013-04-23T05:42:28.863 に答える
0

.clone()私があなたのコードで見たものから、何度も何度も追加してelement、いくつかの重複した値を生成しているため、使用する必要があると思います。

function getMajorGroups(){
  var element = $(".item-group-button");
  $.get("http://localhost:9157/getAllMajorGroups", function(data){
    if(data.majorGroups.length != 0){
      $('.panel_list').empty();
    }
    for(var i = 0; i < data.majorGroups.length; i++){
      var clone = element.clone();
      clone.append("<h3>" + data.majorGroups[i] + "</h3>");
      $('.panel_list').append(clone);
    }
  });
}
于 2013-04-23T05:45:36.777 に答える