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>

0

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();
});

使用jQuery解析HTML标记

2 个答案: