错误 javascript 只能获取第一个值 data-href？

Question

我有一个示例代码：

<div id="fb-root"></div>
<div class="fb-comments" id="fb-comment" data-href="http://fb.com/t1" data-num-posts="3" data-width="590" ></div> 

<div class="fb-comments" id="fb-comment" data-href="http://fb.com/t2" data-num-posts="3" data-width="590" ></div> 

还有 javascript：

<script>
window.fbAsyncInit = function() {
    FB.init({
        appId : 'xxx', // App ID
        channelUrl : 'xxx', // Channel File
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml : true // parse XFBML
    });

    FB.Event.subscribe('comment.create', function(response) {
        var href = jQuery('.fb-comments').attr('data-href');
        alert(href);
    });
}
</script>

错误 jquery 只得到第一个值是http://fb.com/t1，没有得到http://fb.com/t2

Answer 1

var thestring = '';

$('.fb-comments').each(function () {
    thestring += $(this).attr('data-href') + ' ';
});

Answer 2

DEMO

使用.each() 遍历类fb-comments 的每个元素

var href='';
jQuery('.fb-comments').each(function () {
    href += $(this).attr('data-href') + ' ';
})

DEMO

或使用.map()

href 是数组的形式，使用下面的代码

var href= jQuery('.fb-comments').map(function(){
    return jQuery(this).attr('data-href');
});
console.log(href);