使用jQuery將屬性從一個元素復制到另一個

Question

我有以下的jQuery代碼，似乎沒有做任何事情。 單擊鏈接后，我正在嘗試獲取其url屬性的值，以將其復制到iframe的src屬性中。

基本上，這應該使鏈接在iframe中打開（每次單擊新鏈接時都會替換iframe的內容），而不是像普通鏈接一樣工作。

那么我的代碼有什么問題呢？

$('p.tweet a').click(function(){
    var link = $(this).attr('url');
    $('iframe').attr('src',link);
})

Answer 1

也許您可能想要獲取href屬性（甚至阻止默認操作）

$('p.tweet a').click(function(ev){
    ev.preventDefault();
    var link = this.href;  // no need to call the $ function
    $('iframe').attr('src',link);
})

Answer 2

那么我的代碼有什么問題呢？

您不會通過從訂閱的錨點的單擊處理程序返回false來取消默認操作，因此在瀏覽器直接重定向離開該頁面之前，腳本不會執行任何機會：

$('p.tweet a').click(function() {
    var link = $(this).attr('href');
    $('iframe').attr('src', link);
    return false;
});

順便說一句，我已經使用$(this).attr('href')代替$(this).attr('url') 。 href屬性比標准HTML中的url屬性更常見於錨點，但是如果您發明了一些標記，這些標記中的錨點具有url屬性，那么您可以旋轉一下。

Answer 3

超鏈接的URL包含在href屬性中，而不是url屬性中。

您還應該阻止默認操作，使您的代碼如下所示：

$('p.tweet a').click(function(event){
    var link = $(this).attr('url');
    $('iframe').attr('src',link);
    // cancel default event
    event.preventDefault();
});