javascript - 如何使用 ReplaceWith 并将结果放入输入

Question

抱歉信息缺失

我有这样一段

<p class="contenucomm12345">test 3   <img src="/monsite/img/emoji/laughing.png" alt=":laughing:" class="emoji_comm"/> <img src="/monsite/img/emoji/smile.png" alt=":smile:" class="emoji_comm" /> <img src="/monsite/img/emoji/satisfied.png" alt=":satisfied:" class="emoji_comm"/> <img src="/monsite/img/emoji/kissing_heart.png" alt=":kissing_heart:" class="emoji_comm"/></p>

而且我要

<p class="contenucomm12345">test 3   :laughing: :smile: :satisfied: :kissing_heart: </p>

做我想做的事，我正在使用下面的功能

 $(".contenucomm" + idcom +"  img").each(function(index, value){
  $(this).replaceWith($(this).attr('alt'));
   });

但实际上由数据库生成的段落是更新但在DOM中

我想将以下内容放入输入而不是 DOM。

<p class="contenucomm12345">test 3   :laughing: :smile: :satisfied: :kissing_heart: </p>

我怎样才能做到这一点 ？

Answer 1

像这样做

var a = $($(".contenucomm12345")[0]).text();
$("img").each(function(index, value) {
  a = a + $(this).attr('alt');
});
$("#abc").val(a)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="contenucomm12345">test 3 <img src="/monsite/img/emoji/laughing.png" alt=":laughing:" class="emoji_comm" /> <img src="/monsite/img/emoji/smile.png" alt=":smile:" class="emoji_comm" /> <img src="/monsite/img/emoji/satisfied.png" alt=":satisfied:" class="emoji_comm" /> <img
    src="/monsite/img/emoji/kissing_heart.png" alt=":kissing_heart:" class="emoji_comm" /></p>
<input id="abc" type="text" />