Question

请，帮助，我尝试使用jquery获取div内部链接的href，但不幸的是，它不起作用。

这是我的页面，我在#films

内部动态获取其他div（其中包含链接）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cinemas</title>
</head>
<body>
    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <div id = "films"></div>

    <script src="script.js"></script>
</body>
</html>

这是我的script.js：

$(document).ready(function() {
    $.get(myUrl, function(data) { // this block works
    $('#films').html($('.block_afisha', data).html())
    });

    $('#films').find('a').each(function() { // there is no iterations here
    console.log($(this).attr('href'));
    });
});

我该如何解决？

Answer 1

您可以尝试使用此代码 -

$(document).ready(function() {
    $.get(myUrl, function(data) { // this block works - async block
        $('#films').html($('.block_afisha', data).html()); 

        $('#films').find('a').each(function() { // this will work if above call has added links with anchor tag
             console.log($(this).attr('href'));
        });
    });
});

Answer 2

您只需加载链接，然后迭代它们：

<div id="elems">
<a href="#one">One</a>
<a href="#two">Two</a>
<a href="#three">Three</a>
</div>

$.each($('#elems > a'),function(data,value){
console.log($(value).attr('href'));
});

如何使用jquery获取div内的链接的href？

2 个答案: