如何將另一個HTML頁面鏈接到jquery中的海報圖像？

Question

var columnBlock = $('<div class="col-md-2">');
var imagePoster = $('<img>');
var selectButton = $('<a href="secondPage.html"><button class="selectButton"></button></a>');

var movieID = results[i].id;

imagePoster.attr('movie-id', movieID);
imagePoster.attr('src', 'https://image.tmdb.org/t/p/w500' + results[i].poster_path);

selectButton.text("Select Movie");
selectButton.attr('movie-id', movieID);

columnBlock.append(imagePoster);
columnBlock.append(selectButton);
$('.row').append(columnBlock);

我想將imagePoster鏈接到secondPage.html，我厭倦了與按鈕相同的方法，但是它帶走了頁面上的所有海報圖像。

Answer 1

刪除以下內容： columnBlock.append(imagePoster);

添加以下內容： var imagePoster_link = $('<a href="AnOtHeR.UrL">');
這是： imagePoster_link.append(imagePoster);
這是columnBlock.append(imagePoster_link);

就在之前： columnBlock.append(selectButton); （不變）

簡而言之，它會將您的img放入ancor元素中，然后再處理到文檔中。