2008-11-03 54 views
2

我正試圖學習jQuery,以彌補我的貧血javascript技能。jQuery - 打開頁面上的所有鏈接

作爲一個測試項目,我有一個頁面充滿了鏈接,我想在頁面上有一個按鈕打開新標籤中的所有鏈接。鏈接都有target =「_ blank」屬性。

我使用這個

$('button').click(function() { 
    $('a').click(); 
);} 

我已經通過修改鏈接的CSS測試的選擇語法,所以我敢肯定這是確定。我需要更改哪些鏈接才能打開鏈接?

回答

11

你不能通過javascript操作標籤(你可以要求一個鏈接在新窗口打開,你不能告訴它打開在標籤中)。你可能會想嘗試,如果你想嘗試是這樣的:

$('button').click(function() { 
    $('a').each(function() { 
    window.open($(this).attr('href')); 
    }); 
}); 

本質,點擊<button>時,每個<a>元素,傳遞href值對window.open。或基本上,在打開的窗口樁假設你有沒有彈出式窗口攔截:)

您當前的代碼基本上說,當你按下<button>,激活onclick()處理所有<a>元素。

編輯:響應意見,比較這代碼模仿OP的功能:因爲我們首先聲明一個onclick()功能

$('a').click(function() { 
// assign an event to a.onclick 
    window.open($(this).attr('href')); 
}); 

$('button').click(function() { 
// when we press <button>, trigger a.onclick 
    $('a').click(); 
}); 

,我們現在有相同的行爲,我的原代碼。 (一堆打開的窗口)

+0

雖然我理解你的代碼,並且還可以打開標籤中的鏈接,但OP提供的代碼有什麼問題? 謝謝。 – shahkalpesh 2008-11-03 21:55:15

相關問題