jQuery .load()然后循环和.find()不工作?

时间:2017-06-22 02:12:02

标签: jquery

我有一个问题:

我有两个页面是 index.html page.html

page.html 中,我有一个代码:

<a class="abc" href="111">xxx</a>
<a class="abc" href="222">xxx</a>
<a class="abc" href="333">xxx</a>

index.html 中,我有一个代码:

<div id="result"></div>
<a onclick="getmany()">GET MANY</a>

<div id="load"></div>

<script language="javascript">
function getmany(){
    $('#load').load('/page.html body',function(data){
        count = $(data).find('.abc').length;
        for(i=0;i<count;i++){
            data = $(data).find('.abc:eq('+i+')').attr('href');
            $('#result').append(data);
        }
    });
}
</script>

当我点击 GET MENY 时, div#results 仅显示 111

但我希望它显示 111222333

我能帮帮我吗?非常感谢!!! &LT; 3

1 个答案:

答案 0 :(得分:0)

要显示所有属性,请迭代元素并附加每个元素

function getmany(){
    $('#load').load('/page.html body', function(data){
        $(data).find('.abc').each(function(index, element) {
            $('#result').append( $(element).attr('href') );
        });
    });
}