如何正確包裝圖片周圍的鏈接？

Question

我一直在嘗試在圖像周圍包裝一個鏈接。 我已經搜索過，發現jQuery中的wrap()會對我有所幫助。 當我嘗試時，似乎沒有任何作用。 我做錯了什么嗎？

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img src="http://a1.mzstatic.com/us/r30/Music3/v4/fb/af/59/fbaf5908-0839-abc6-9f6a-bc7cc5b84f27/cover170x170.jpeg" class="YTimgs"> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript' /> <script> $('.YTimgs').wrap('<a href="http://www.chordzone.org"></a>'); </script> 

Answer 1

您的代碼似乎沒問題，因為它可以在此提琴琴中正常工作http://jsfiddle.net/pqqyoakm/可能是在圖像加載之前執行了javascript嘗試：

$(document).ready(function(){
    $(".YTimgs").wrap("<a href='http://www.chordzone.org'></a>'")
})

Answer 2

問題是您丟失了加載jQuery的腳本的結束標記，因此腳本標記將被吞下並被忽略。

腳本標簽不能自動關閉，因此第二個腳本標簽以第一個標簽為結尾，並且由於腳本標簽中有src屬性，因此標簽內的內容將被忽略。

將結束標記添加到腳本標記：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>