我的“/”在哪里消失？

我有一些无序列表中的链接列表，如下所示。我的“/”在哪里消失？

<div ="HomeRecentBlogs"> 
    <ul> 
    </li> 
     <li><a href="item1.html">Item1</a></li> 
     <li><a href="item2.html">Item2</a></li> 
     <li><a href="item3.html">Item3</a></li> 
    </ul> 
</div>

我想写一个脚本，将进入每个链接的页面，并获取图像并将其追加到列表项。

$('#HomeRecentBlogs ul li').each(function(index, element){ 
    var link = $(element).find('a').attr('href'); 
    $.get(link, function(data) { 
     thumb = $(data).find('.PostBody img:first').attr('src'); 
     $(element).append('<a class="thumb"><img="'+ thumb +'" /></a>'); // This is the problem line 
    }); 
});

的问题是，在我得到的代码，每个列表项如下：

<li> 
    <a href="item1.html">Item1</a> 
    <a class="thumb"><img="test.jpg></img></a> 
</li>

我敢肯定，上面标线是一个导致了问题

来源

2014-02-28 Jack Pilowsky

你正在建立字符串''这是无效的。你想''。 – zzzzBov

最后一部分从哪里来？ –

把isherwood的评论放在其他术语中......如果你在浏览器中查看（查看源代码），你看到的HTML输出可能会改变你的程序实际输出的内容。这是因为浏览器会自动尝试修复格式不正确的HTML。 – RacerNerd

我想你想<img src="test.jpg"/>不<img="test.jpg>

所以，你需要改变：

$(element).append('<a class="thumb"><img="'+ thumb +'" /></a>');

到：

$(element).append('<a class="thumb"><img src="'+ thumb +'" /></a>');

来源

2014-02-28 01:45:36

你缺少src attribute

$(element).append('<a class="thumb"><img="'+ thumb +'" /></a>'); 
//--------------------------------------^

相反，你正在构建一个包含<img="someurl">，这是无效的字符串。你想用<img src="' + thumb + '" />...

来源

2014-02-28 01:45:37 zzzzBov

您需要提供src属性您的图像，所以使用：的

<img src="'+ thumb +'" />

代替：

<img="'+ thumb +'" />

您append()函数中。

来源

2014-02-28 01:45:41 Felix

我的“/”在哪里消失？

回答

相关问题