Question

我正在使用jQuery构建一个缩略图页面：

ID=this.id;
$('#thumbs').empty().html('<span class="title">'+$('#'+ID).html())+'</span><br />';
var i = 1;
for (i=1;i<=count[ID];i++)
    {
    $('#thumbs').append('<img class="thumb" src="graphics/thumbs/'+ID+'/'+i+'.jpg" />');
    }

这个想法是<span>会出现，然后是<br />，然后是拇指，它们只是带有右下边距的内联图形，会填满页面的其余部分。他们这样做 - 除了，换行没有发生。

我正在使用Dreamweaver，因此我可以直接观看代码，果然，脚本根本没有插入<br />标记。

这与jQuery的HTML解析有关吗？如果是这样，如何解决它？

Answer 1

不是jQuery问题（至少在版本1.4.2中没有）

http://www.jsfiddle.net/SbFgf/

再看一下你的代码，我意识到你有一个早期的关闭问题：

$('#thumbs').empty().html('<span class="title">'+$('#'+ID).html()+'</span><br />');

应该这样做。

Answer 2

它不是jquery的html（）函数的问题。我做了一个快test here并且它有效。（也在1.3.2中）也许$('#'+ID).html())搞砸了

为什么jQuery html（）方法忽略换行符？

2 个答案: