如何用Jquery减少html代码

一些css工程师用一些”不相干”的标记,就是为了使背景图片能够应用到每一个元素上.例如:
<div class="wrap1">
<div class="wrap2">
<div class="wrap3">
<img src="object.gif" alt="The object casting a shadow" />
</div>
</div>
</div>
所有这些div充当一个给图片添加投影效果的”钩子”.这不见得好,我们可以把源代码精简成这样:
<img src="object.gif" class="dropshadow" alt="The object casting a shadow" />
解决办法：  
$(document).ready(function(){
$("img.dropshadow")
.wrap("<div class='wrap1'><div class='wrap2'>" +
"<div class='wrap3'></div></div></div>");
}); //wrap是包的意思

 wrap(String html)
把所有匹配的元素用其他元素的结构化标记包装起来。这种包装对于在文档中插入额外的结构化标记最有用，
而且它不会破坏原始文档的语义品质。 
当HTML标记代码中的元素包含文本时无法使用这个函数。因此，如果要添加文本应该在包装完成之后再行添
加。
$("p").wrap("<div class='wrap'></div>");
<p>Test Paragraph.</p>
结果:<div class='wrap'><p>Test Paragraph.</p></div>