jquery - .load() 多个元素或 .get() 并将它们放置在正确的区域

Question

我正在为我的论坛站点制作此消息查看器。我有这段代码要开始，我最初使用 .load() ，现在尝试 .get() 无法弄清楚如何解决这个问题。

我正在处理的代码

$('#message_holder').load('/privmsg?folder=inbox .tdtopics:lt(5)');
  $('#view_mess').click(function() {
     var msg = $('.tdtopics a').attr('href');
 $.get( msg, function() {
    $.each('div.posthead h2, .user-basic-info , .entry-content');
}, 'html');
     $('#mess_wrapper').show();
  });
});

所以.each( -elements- );我需要从 url 中专门加载这些

.get(msgmsg 当然是变量。我需要将它们分别加载到我的特定 html 中。

前任___

新消息

<div id="mess_wrapper">
 <div id="new_mess_pop">
  <div id="inner_mess_wrapper">
      <span id="post_date_time">-- div.posthead h2 element here --</span>
       <div id="users_contact_info">-- .user-basic-info element here --</div>
         <div id="message_post">-- .entry-content element here --</div>
  </div>
 </div>
</div>
  <div id="message_holder">HIDDEN PLACE HOLDERS</div>

谁能帮我弄清楚.get()以及如何在点击事件中自动将它们附加到正确的 id 上？我正在自学一切，所以如果有人能给我一个很好的解释以及如何去做，那将非常感激！

Answer 1

$('#view_mess').click(function() {
  var msg = $('.tdtopics a').attr('href');
  $.get(msg, function (data) {
      var elems = $(data);
      $('#post_date_time').append(elems.find('div.posthead h2'));
      $('#users_contact_info').append(elems.find('.user-basic-info'));
      $('#message_post').append(elems.find('.entry-content'));
  }, 'html');
  $('#mess_wrapper').show();
});