從<figcaption>覆蓋/插入新alt標記標記

Question

我有一塊jQuery，請參閱下面，將我的圖像包裝在href標記中，以便它們可以在Lightbox中使用。

我需要調整alt標籤中顯示的內容，並且它需要從用戶放入ckeditor中的標題框中生成（在每個圖像下生成一個figcaption標籤）。我需要能夠將這些數據插入到空alt =「」中，並且能夠覆蓋alt標籤中是否有任何當前內容。

正被目前的HTML輸出是：

<figure class="image"> 
    <a data-imagelightbox="f" href="/ckfinder/userfiles/files/Screenshot_South-Downs-Lines-RSC_51_23330-1_22091_10-00-48.jpg"> 
     <img width="1600" height="900" src="/ckfinder/userfiles/files/Screenshot_South-Downs-Lines-RSC_51_23330-1_22091_10-00-48.jpg" alt="Caption 1"></img> 
    </a> 
    <figcaption> 
     Caption 
    </figcaption> 
</figure> 

當前腳本我有如下：

$('#article-copy img').each(function() { 
    var $img = $(this), 
     alt = $img.next('figcaption').text(), 
     href = $img.attr('src'); 
    $img.wrap('<a href="' + href + '" data-imagelightbox="f"></a>'); 
}); 

感謝您的幫助

Answer 1

如果我沒有理解正確地，您想要更改圖像的alt屬性。然後這應該工作：

$('#article-copy img').each(function() { 
    var $img = $(this), 
     alt = $img.next('figcaption').text(), 
     href = $img.attr('src'); 
    $img.attr('alt', alt); 
    $img.wrap('<a href="' + href + '" data-imagelightbox="f"></a>'); 
});