我有一个 news.html 页面,其中的文章在<article id="postNUM" class="post">
其中 NUM 是每个不同的数字,<h4>
标题为新闻文章,图像<img src="imageURL" class="postPic" />
。
在我的主索引页面上,有一个画廊应该显示前 4 篇新闻文章(只有图片和标题,它们链接到 news.html#postNUM)。
我对此很陌生,但我设法获得了前 4 个完整的帖子,或者只是前 4 个<h4>
标签或前 4 个<img>
。
我需要的是创建一个新的<div id="slideNUM"><a href="news.html#postNUM" ><img src="imageURL" /><div class="caption>title of article</div></a></div>
.
我怎样才能得到每个<h4>
没有<h4></h4>
标签的文本,只有<img>
每篇文章的 src 值和 id 属性的值。例如 postNUM。
这是我在索引页上的 jQuery 代码:
<script type="text/javascript">
$(document).ready(function() {
var currentPost = 0;
var totalPosts = 4;
var slideNum = 1;
$.get('news.html', function(data){
while(currentPost < totalPosts){
var $newsPost = $(data).find("article.post");
var articleID = $newsPost.get(currentPost).attr('id');
var $newsTitle = $newsPost.get(currentPost).find("h4");
var postPic = $newsPost.get(currentPost).find("img.postPic").attr('src');
$('#printPosts').append('div id="slide'
+ slideNum
+ '"><a href="news.html#'
+ articleID
+ '"><img src="'
+ postPic
+ '" /><div class="caption">'
+ $newsTitle
+ '</div></a></div>');
currentPost = currentPost + 1;
slideNum = slideNum + 1;
}
});
});
</script>
<div id="printPosts"></div>
我真的不知道如何只获取锚的 href 值、图像 src 值和 h4 文本。