Question

当我粘贴HTML代码时，我有一个textarea，然后是一个按钮，它在textarea下面加载来自该HTML代码的所有图像，以及它各自的alts和titles。我们的想法是轻松更改每个图像的每个alt和标题。但我似乎无法让它发挥作用。

以下是codepen：https://codepen.io/anon/pen/LzVzbd?editors=1010

将此示例插入textarea，然后单击“搜索”。我们的想法是替换输入中的title和alt，然后单击update，textarea中的代码将更新。

<div>
   <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png">
</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>

Answer 1

获取图像列表var html = "<div>"; $('.image_list img').each(function(){ html += $(this)[0].outerHTML; }); html += "</div>"; $('.before_text.replace').val(html);的jQuery html对象，使用jQuery更新它，然后将其html值插入textarea。因此，在标签更新后，执行：

修改问题

{{1}}

jQuery更改.each

1 个答案: