Javascript 如何在附加标记时避免图像标记
我使用jQueryJavascript 如何在附加标记时避免图像标记,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
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吗?是的。它有点像。也可以是stringabc
请提供一个最小的、可复制的示例: