Parsing HTML Tags with jQuery

Question

I'm a little new to jQuery, and i'm in need of being able to parse a document that contains a news feed in the following structure (sorry for the poor format, not great at getting code to show properly here). Can anyone lend a hand? I need to be able to grab the image, news title, and the snippet of news information.

<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>

o

is it something wrong with answers?

Vladimir Starkov
– Vladimir Starkov

2012-05-15 17:04:42 +00:00
Commented May 15, 2012 at 17:04 — Vladimir Starkov
– Vladimir Starkov, Commented May 15, 2012 at 17:04

Jovan Perovic · Accepted Answer · 2012-02-09 15:48:37Z

2

It's easy:

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

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

answered Feb 9, 2012 at 15:48

Jovan Perovic

20.2k5 gold badges47 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vladimir Starkov · Accepted Answer · 2012-02-09 15:55:40Z

0

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

answered Feb 9, 2012 at 15:55

Vladimir Starkov

19.9k8 gold badges63 silver badges115 bronze badges

Collectives™ on Stack Overflow

Parsing HTML Tags with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related