0

<article id="postNUM" class="post">NUM はそれぞれ異なる番号で、ニュース記事のタイトル<h4>は image<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>の src 値と<img>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 テキストのみを取得する方法がよくわかりません。

4

2 に答える 2

0

タグなしのテキストだけを取得するにはどうすればよいですか

jQuery.each()

オブジェクトと配列の両方をシームレスに反復処理するために使用できる汎用イテレータ関数。長さプロパティを持つ配列および配列のようなオブジェクト (関数の引数オブ​​ジェクトなど) は、0 から長さ 1 までの数値インデックスによって反復されます。他のオブジェクトは、名前付きプロパティを介して反復されます。 jQueryで 。

このマークアップを考えると：

<h4>1</h4>
<h4>2</h4>
<h4>3</h4>
<h4>4</h4>

この jQuery コード:

$.each($('h4'), function(i, v) { console.log($(v).html()); });

次のメッセージが生成されます。

1 
2
3
4
于 2013-06-04T05:33:59.450 に答える
0

すでに使用しているjqueryメソッドが何をするかを読んでください。

html 属性を取得する場合は.attr、jquery オブジェクトでメソッドを使用します。したがって、取得しようとしている属性については、次を使用します。

.attr('href')

hrefこれは、前のセレクターによって一致した URLの値を返します。

画像 src の場合:

.attr('src')

次に、html 要素のテキスト ノードには、次を使用できます。

.text()
于 2013-06-04T05:06:50.850 に答える