Javascript 如何在附加标记时避免图像标记

Javascript 如何在附加标记时避免图像标记,javascript,jquery,jquery-ui,append,Javascript,Jquery,Jquery Ui,Append,我使用jQueryappend()函数在ajax响应后添加标记和标记,但当它添加图像时,标记开始显示图像。相反,它应该显示您收到图像的消息 这就是我正在做的 $.ajax({ type: "GET", url: `/get_unread_count/${conversation.id}`, success: function (data) { var unread_count = data.unread_count; if(unread_count

我使用jQuery
append()
函数在ajax响应后添加标记和标记,但当它添加图像时,标记开始显示图像。相反,它应该显示您收到图像的消息

这就是我正在做的

$.ajax({
  type: "GET",
  url: `/get_unread_count/${conversation.id}`,
  success: function (data) {
    var unread_count = data.unread_count;
    if(unread_count > 0){
      var count_html = ` <div class="kt-widget__action">
        <span class="kt-widget__date"></span>
        <span class="kt-badge kt-badge--success kt-font-bold mr-2">${unread_count}</span>
      </div>`;
    }else{
      var count_html = '';
    }


    $('.kt-widget__items').append(` 

      <div class="kt-widget__item"    id="${conversation.messageable_type}" onclick="message(${conversation.conversation_id},${conversation.messageable_id},this,'${name}',${id});appendRealTimeMessage(${conversation.conversation_id});"> 

        <span class="kt-media kt-media--circle">
          <img src="/business_logo/${logo}" alt="image">
        </span>
        <div class="kt-widget__info">

          <span class="kt-widget__desc ">

            ${conversation.conversation.last_message.body ?? ''}
          </span>
        </div>${count_html}

      </div>`);
$.ajax({
键入:“获取”,
url:`/get\u unread\u count/${conversation.id}`,
成功:功能(数据){
var unread_count=data.unread_count;
如果(未读计数>0){
var count_html=`
${未读计数}
`;
}否则{
var count_html='';
}
$('.kt-widget__items')。追加(`
${conversation.conversation.last_message.body???'}
${count\u html}
`);
conversation.conversation.last_message.body
具有可能带有img标记的消息正文 我想要的是,如果有一个图像标签,它应该显示您收到图像的消息


这是怎么可能的?

在附加到DOM之前,使用Rgex()从文本html中删除img标记

比如:

let messageWIthoutImgTag = 
conversation.conversation.last_message.body.replace(/<img[^>]*>/g,'<span class="imgtag">you received an image</span>');

如果您的对话.conversation.last_message.body的内容是您需要使用的html片段:

:将字符串解析为DOM节点数组

片段:

var str='

;' //解析html片段。。。 var jq=$.parseHTML(str); //将节点转换为jQuery对象 var img=$(jq).find('img'); //检查图像。。。。。。 var imgSrc=img.length?img.attr('src'):''; console.log(imgSrc);

您可以添加一个conversation.conversation.last_message.body的示例吗?它是HTML吗?是的。它有点像
。也可以是string
abc
请提供一个最小的、可复制的示例: