2012-02-09 148 views
1

我對jQuery有點新,而且我需要能夠解析包含以下結構中的新聞訂閱源的文檔(對於格式不佳的抱歉,並不擅長獲取代碼在這裏正確顯示)。任何人都可以伸出援手嗎?我需要能夠抓住圖像,新聞標題和新聞信息的片段。使用jQuery解析HTML標籤

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

Ø

+0

是什麼問題的答案? – 2012-05-15 17:04:42

回答

2

這很容易:

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

var images = parsed.find('img'); // or some more specific selector.... 
0
$(function() { 
    var news_title = $('li h3').html(); 
    var article_img = $('li img').html(); 
    var news_snippet = $('li h3 + p').html(); 
});