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属性里面。每个

回答

相关问题