jquery - 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 为“item_status”的 div 中获取内容
3. 加载我从第 2 步收到的内容并使用“状态”类填充 div
4. 我试图让这个循环并适当地级联填充的数据

任何帮助将不胜感激。

Answer 1

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