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

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 个解决方案

解决方案1
1 2018-05-19 11:32:20

解决方案2
0 2018-05-19 11:31:19

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

问题描述

2 个解决方案

解决方案1 1 2018-05-19 11:32:20

解决方案2 0 2018-05-19 11:31:19

解决方案1
1 2018-05-19 11:32:20

解决方案2
0 2018-05-19 11:31:19