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

时间:2018-06-22 15:51:28

标签: javascript jquery

很抱歉缺少信息

我有一个这样的段落

<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>

我该怎么做?

1 个答案:

答案 0 :(得分:0)

这样做

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" />