jQuery .load getlink div内容，用于某个类中的每个url

Question

我似乎对我正在编写的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获取ID为“item_status”
的div中的内容
3. 加载我从步骤2收到的内容，并使用“status”类
填充div
4. 我正在尝试使用此循环并适当地级联填充的数据

非常感谢任何帮助。

Answer 1

您需要遍历div，从文本中检索链接，确定每个div之后的下一个div.status，然后将数据加载到此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
        });
    }
});