取得div的href

Question

我在div中有一個鏈接：

<div class="embed">
<a href="http://google.com/"></a>
</div>​

所以現在我想附加Facebook評論系統：

$('.embed a').append('<div class="fb-comments" data-href="' + this + '" data-num-posts="1" data-width="470"></div>');​

如您所見，我的href帶有“ this”，它對我不起作用。 我想在附加評論系統的鏈接上添加URL。 如何找到並實施此網址？ 示例： JsFiddle

Answer 1

this is not available in this context您必須自己使用該元素$('.embed a').attr('href')

$('.embed a').append('<div class="fb-comments" data-href="' + $('.embed a').attr('href') + '" data-num-posts="1" data-width="470"></div>');​

Answer 2

您可以通過執行以下操作來獲取href

var href=$('.embed a').attr('href');

Answer 3

如果您有多個'.embed a' ，則需要對其進行操作並提供正確的href：

$('.embed a').each(function(){
    $(this).append('<div class="fb-comments" data-href="' + $(this).attr('href') + '" data-num-posts="1" data-width="470"></div>');
});​

Answer 4

嘗試如下：

$('.embed').find('a').attr('href');

Answer 5

而不是this只是使用$('.embed a').attr('href')

您可以在這里看到： JS Fiddle

Answer 6

您可以在html函數的上下文中使用html方法， this是指您的錨鏈接。

$('.embed a').html(function(i, c){
    return '<div class="fb-comments" data-href="' + this.href + '" data-num-posts="1" data-width="470"></div>'
});

如果要附加/添加html標記，並且元素具有html內容，則可以串聯html內容：

$('.embed a').html(function(i, current){
    return current + '<div class="fb-comments" data-href="' + this.href + '" data-num-posts="1" data-width="470"></div>'
});