appendTo не работает

Question

Добрый вечер,

У меня есть следующий код

$(document).ready(function() { 
    $.get("php/get_ratings.php") 

     .done(function(data) { 
      $("#newrow").html(''); 
      $("#list_loc").html(''); 
      var results = jQuery.parseJSON(data); 

      $.each(results, function(i, value) { 
       var newrow = $("<div />", { 
        id : "new"+results[i].id 
       }); 
       var newLoc = $("<div />", { 
        id: "loc"+results[i].id, 
        text: results[i].city 
       }); 
       $("#newrow").append(newrow); 
       $("#list_loc").append(newLoc); 

       $('#list_loc').appendTo('#newrow'); 
      }) 
     }); 
}); 

HTML

<div class="container"> 
    <div class="row list"> 
    <div id="newrow"> 
     <div class="row"> 
      <div class="col-md-12"> 
      <div id="list_loc"> 
      </div> 
      </div> 
     </div> 
    </div> 
    </div> 
</div> 

Что я пытаюсь добиться, чтобы создать два динамических Div, а затем вставьте один DIV в другой, но по какой-то причине я получаю только свой «новорожденный» div. Может кто-нибудь объяснить, что я делаю неправильно?

Спасибо заранее,

D

PS то, что я ожидал окончательный HTML выглядеть это

<div class="list"> 
<div id="row1"> 
    <div id="loc1"> 
    </div> 
<div id="row2"> 
    <div id="loc2"> 
    </div> 
</div> 
</div> 

Answer 1

Попробуйте это:

$(document).ready(function() { 
    $.get("php/get_ratings.php") 
      .done(function (data) { 
       $("#newrow").html(''); 
      // $("#list_loc").html(''); No point, you already cleared it in the line above 
       var results = jQuery.parseJSON(data); 

       $.each(results, function (i, value) { 
        var newrow = $("<div />", { 
         id: "new" + results[i].id 
        }).append(//new loc is appeneded directly to new row 
          $("<div />", 
            { 
             id: "loc" + results[i].id, 
             text: results[i].city 
            }) 
          ); 

        $("#newrow").append(newrow); 
       }); 
      }); 
});