Разбор HTML-тэгов с помощью jQuery

Question

Я немного новичок в jQuery, и мне нужно иметь возможность проанализировать документ, который содержит новостную ленту в следующей структуре (извините за плохой формат, не очень хорош для того, чтобы заставить код правильно отображаться здесь ). Кто-нибудь может протянуть руку? Мне нужно иметь возможность получить изображение, заголовок новости и фрагмент информации о новостях.

<div class="article-list">
 <ul>
  <li>
  <div class="image-container">
  <img src="" /></div>
  <div class="content-container">

  <h3>News Title</h3>
  <p>News Information</p>
  <p><a href="#">More</a></p>
</div>
</li>

<li>
<div class="image-container">
<img src="" /></div>
<div class="content-container">

<h3>News Title</h3>
    <p>News Information</p>
    <p><a href="#">More</a></p>
   </div>
  </li>

  <li>
   <div class="image-container">
<img src="" /></div>
   <div class="content-container">

<h3>News Title</h3>
    <p>News Information</p>
    <p><a href="#">More</a></p>
   </div>
  </li>
 </ul>
</div>

о

Answer 1

Это просто:

var myHtml = "... some valid HTML  ... "
var parsed = $(myHtml);

var images = parsed.find('img'); // or some more specific selector....

Answer 2

$(function() {
  var news_title = $('li h3').html();
  var article_img = $('li img').html();
  var news_snippet = $('li h3 + p').html();
});