使用JQuery将图像链接替换为图像

使用JQuery将图像链接替换为图像,jquery,django,Jquery,Django,我对JQuery不是很有经验,但基本上我正在尝试使用django构建一个博客网站。现在我想在帖子中添加图像,我使用的方法在纯html中效果很好,但在django中似乎不起作用: 一些带有http://example.com/image.png 以及图像和嵌套http://example.com/second.png 图像和img-foo标记 jQuery(函数(){jQuery('body').find('*').contents().filter(函数(){ 返回this.nodeType=

我对JQuery不是很有经验,但基本上我正在尝试使用django构建一个博客网站。现在我想在帖子中添加图像,我使用的方法在纯html中效果很好,但在django中似乎不起作用:


一些带有http://example.com/image.png 以及图像和嵌套http://example.com/second.png 图像和img-foo标记

jQuery(函数(){jQuery('body').find('*').contents().filter(函数(){ 返回this.nodeType==3; }).每个(功能(i,元素) { var matches=/(.*)(http:\/\/\S+(?:\.png\.jpg\.gif))(.*)/g.exec(elem.wholeText); 如果(匹配) { var parent=elem.parentNode; var before=匹配[1]; var replace=jQuery(' {{object.date{u posted}日期:“fd,Y”} {{object.category} {%if object.author==user%} {%endif%} {{object.title}}

{{{object.content}

{%endblock%} {%block scripts%} jQuery(函数(){jQuery('body').find('*').contents().filter(函数(){ 返回this.nodeType==3; }).每个(功能(i,元素) { var matches=/(.*)(http:\/\/\S+(?:\.png\.jpg\.gif))(.*)/g.exec(elem.wholeText); 如果(匹配) { var parent=elem.parentNode; var before=匹配[1]; var replace=jQuery(“”).attr('href',matches[2])。append(jQuery(“”).attr('href',matches[2])[0]; var after=匹配项[3]; parent.insertBefore(document.createTextNode(before),elem); parent.insertBefore(替换,elem); parent.insertBefore(document.createTextNode(after),elem); 父母。removeChild(elem); } });}); {%endblock%}

但它在Django中似乎根本不起作用。有什么想法吗?

浏览器的调试工具将帮助您缩小问题范围。首先,定义“不起作用”。发生了什么?请检查浏览器的开发控制台,是否存在任何错误或警告?通过在函数中放置断点来使用浏览器的脚本调试器暂停执行并逐步执行,观察发生的情况。代码是否执行?调试时,具体在何处失败?浏览器的调试工具将帮助你缩小问题范围。首先,定义“不起作用”。发生了什么?检查浏览器的开发控制台,是否存在任何错误或警告?通过在函数中放置断点来使用浏览器的脚本调试器暂停执行并逐步执行,观察发生的情况。代码是否执行?调试时,具体在何处失败?