如何添加一個鏈接到使用jQuery的圖片？

-1

<ul class="slides"> 
<li class="slide" data-slide="1"> 
    <img src="smiley1.gif" alt="Smiley face1"> 
</li> 
<li class="slide selected" data-slide="2"> 
    <img src="smiley2.gif" alt="Smiley face2"> 
</li> 
</ul>

我如何添加一個鏈接到所選擇的圖像：使用jQuery（類幻燈片選擇）？如何添加一個鏈接到使用jQuery的圖片？

來源

2017-07-20 satish

你指源或重定向鏈接 – Omi

請提供的代碼示例你嘗試過的。 – Fabien

檢查這個https://stackoverflow.com/a/179717 – user3402754

您可以使用jQuery和wrap()函數遍歷列表中的所有圖像並在其周圍放置一個鏈接，以下示例將導航到圖像本身。

$(document).ready(function(){ 
    $('.selected img').each(function(){ 
     $(this).wrap('<a href="' + $(this).attr('src') +'"></a>'); 
    }) 
})

如果你想添加一個鏈接到另一個網頁/網站與$(this).wrap('<a href="www.google.com"></a>')取代$(this).wrap('<a href="' + $(this).attr('src') +'"></a>')這樣

$(document).ready(function(){ 
    $('.selected img').each(function(){ 
     $(this).wrap('<a href="www.google.com"></a>'); 
    }) 
})

如果你想點擊圖片你之後使用JavaScript來直接瀏覽到另一個網站你可以像這樣

click事件設置 window.location.href

$(document).ready(function(){ 
    $('.selected img').click(function(){ 
     window.location.href='www.google.com'; 
    }) 
})

來源

2017-07-20 19:28:23 CumminUp07

偉大的解決方案！但要回答的要求，你可以嘗試更好的是這樣的：（「選擇IMG」）'$每個（函數（）{...'這樣，你只解決了一個選擇你 –

是正確的，我固定。回答 – CumminUp07

@ CumminUp07：？感謝您的解決方案，但我希望導航的鏈接，例如（https://google.com）時，對圖像的用戶點擊你能幫 – satish

如何添加一個鏈接到使用jQuery的圖片？

回答

相關問題