jQuery更改Image屬性裏面。每個

我粘貼HTML代碼時有一個textarea，然後是一個加載在textarea下的所有圖像的按鈕，它來自HTML代碼，它是各自的alts和title。這個想法是輕鬆地更改每個圖像的每個alt和標題。但我似乎無法得到它的工作。jQuery更改Image屬性裏面。每個

這裏是codepen：https://codepen.io/anon/pen/LzVzbd?editors=1010

插入這個範例到textarea的，然後單擊搜索。這個想法是替換輸入中的標題和替代，然後單擊更新，並更新textarea中的代碼。

<div> 
    <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/[email protected]"> 
</div>

編輯：這只是一個非常簡單的例子，問題是要使用此貼的人在textarea粘貼整個html頁面。所以圖像可以包裹在table,div,a,p等...我要用這些信息更新我的問題。這裏是一個更現實生活中的例子：

<tr valign="top"><td valing="top"> 
     <a href="https://stackoverflow.com" style="text-decoration:none; border:0;"> 
     <img src="https://i.stack.imgur.com/oURrw.png" border="0" style="width: 100%; max-width: 100%; margin: 0px; padding: 0px; vertical-align:top; display:block" alt="Stack1" title="Stack1" /></a> 
     </td> 
     </tr> 
     <tr valign="top"><td valing="top"> 
     <a href="https://stackoverflow.com" style="text-decoration:none; border:0;"> 
     <img src="https://i.stack.imgur.com/oURrw.png" border="0" style="width: 100%; max-width: 100%; margin: 0px; padding: 0px; vertical-align:top; display:block" alt="Stack2" title="Stack2" /></a> 
     </td> 
     </tr> 
     <tr valign="top"><td valing="top"> 
     <a href="https://stackoverflow.com" style="text-decoration:none; border:0;"> 
     <img src="https://i.stack.imgur.com/oURrw.png" border="0" style="width: 100%; max-width: 100%; margin: 0px; padding: 0px; vertical-align:top; display:block" alt="Stack3" title="Stack3" /></a> 
     </td> 
     </tr>

來源

2017-09-15 Adam Silva

讓您的圖像列表$('.image_list')的jQuery的HTML對象，更新使用jQuery，然後插入的是，HTML值到textarea的。因此，標籤更新後，執行：

編輯，以解決問題

var html = "<div>"; 
$('.image_list img').each(function(){ 
    html += $(this)[0].outerHTML; 
}); 
html += "</div>"; 
$('.before_text.replace').val(html);

來源

2017-09-15 09:41:26

這只是一個非常簡單的例子。問題在於使用的人們將在textarea中粘貼整個html頁面。因此，圖像可以包裹'table'，'div'，'a'，'p'等等......我將用這個信息更新我的問題 –

這個問題很容易用'var html = $（'。image_list'）[0] .outerHTML; （'。before_text.replace'）。val（html）;'，但是你在這個DOM部分添加了太多東西 –

jQuery更改Image屬性裏面。每個

回答

相關問題