0

私が書いているjQueryのビットに困惑しているようです。

これはおおよそ私がこれまでに持っているコードです...

<div class='item_url' style='display:none';>
<a href = 'http://test.com/01'>http://test.com/01</a>
</div>
<div>Title 01</div>
<div class='status'></div>

<div class='item_url' style='display:none';>
<a href = 'http://test.com/02'>http://test.com/02</a>
</div>
<div>Title 02</div>
<div class='status'></div>

<div class='item_url' style='display:none';>
<a href = 'http://test.com/03'>http://test.com/03</a>
</div>
<div>Title 03</div>
<div class='status'></div>

    <script>
    $(function(){
        var getlink = $("div.item_url").text();
        $(".status").load(getlink + #item_status");
    });
    </script>

私はしようとしています...

  1. クラス「item_url」で各divからリンクを取得します
  2. そのリンクに移動し、ID「item_status」の div からコンテンツを取得します
  3. ステップ 2 で受け取ったコンテンツをロードし、div にクラス「ステータス」を入力します。
  4. そして、このループを作成して、入力されたデータを適切にカスケードしようとしています

どんな助けでも大歓迎です。

4

1 に答える 1

0

sを反復処理しdiv、テキストからリンクを取得し、div.status各 div の次にあるものを特定してから、データを this にロードする必要がありますdiv.status。

$(function(){
    $("div.item_url").each(function(i,item) {
        // item refers to the next div.item_url found in the DOM
        var getlink = $(item).text();
        // get a reference to the div with class status that follows this div
        var nextStatusDiv = $(item).next(".status");
        $(nextStatusDiv).load(getlink + " #item_status", function() {
            console.log("Loaded item status " + i + " successfully"; // for debug purposes
        });
    }
});
于 2013-02-07T18:31:58.667 に答える