Javascript jQuery选择器从服务器加载图像

Javascript jQuery选择器从服务器加载图像,javascript,jquery,jquery-selectors,http-status-code-404,Javascript,Jquery,Jquery Selectors,Http Status Code 404,代码如下: <script type="text/javascript"> var ajax_data = '<ul id="b-cmu-rgt-list-videos"><li><a href="{video.url}" '+ 'title="{video.title.strip}"><img src="{video.image}" '+ 'alt="{video.title.str

代码如下:

<script type="text/javascript">
    var ajax_data = 
        '<ul id="b-cmu-rgt-list-videos"><li><a href="{video.url}" '+
        'title="{video.title.strip}"><img src="{video.image}" '+
        'alt="{video.title.strip}" /><span>{video.title}</span></a></li></ul>';

    var my_img = $(ajax_data).find('img');
</script>`

变量ajax_数据=
“
    • ”; var my_img=$(ajax_数据).find('img'); `
ajax_数据是来自JS模板引擎的数据,我需要从中获取部分数据。问题是jQuery在

img src={video.image}:GET/test/%7Bvideo.image%7D HTTP/1.1
(在Firefox Live HTTP头上)。
此GET从服务器生成404

关于如何解决这个问题有什么线索吗?
非常感谢:)

当您从html创建文档时,会立即对其进行评估(因为文档片段已创建),因此:

$("<img src='bob.jpg' />")
$(“”)
立即导致获取图像。在我看来,你有3个快速选项(可能还有其他选项,但如果没有更多的上下文,很难说):

  • 在创建jQuery对象之前,替换
    {video.image}
  • 删除
    src=“{video.image}”
    ,稍后只需查找
    属性,如下所示:
    $(ajax_数据).find('img').attr('src','myImage.jpg')
  • 在将任何内容插入DOM之前,通过正则表达式执行所有您想要的操作

  • 向纪尧姆致敬。欢迎来到SO。请花一点时间阅读编辑帮助:这样其他人就不需要重新格式化您的问题。Salet Spender,谢谢我一直在寻找:)@Spender
    {video.image}
    似乎不会被您使用的任何模板引擎解析。您使用什么引擎来替换这些值?您可能希望更好地描述您正在尝试做什么,以便人们可以提出替代方法。您当前的方法是告诉jQuery在ajax_数据中构建标记,我怀疑这不是您想要做的。您可能希望模板引擎构建实际的标记。为什么要查找img标记?也许另一种方法是使用正则表达式获取img标记?我将研究第2点和第3点,可能在标记上放置一个类,然后按照您所说的删除src。非常感谢您的帮助:)