这段js怎么没效果？初学不懂

Question

<script>
$(document).ready(){
$('img').each(function() { var a = $(this).attr("alt"); 
$(this).before('<span class="caption">' + a + "</span>"); }); 
}); 
</script>

Answer 1

首先，弄明白流程：
页面加载完毕后，遍历img标签，获取每个img标签的alt属性，将获取到的alt属性值插入到img标签之前。

现在，
你可以尝试使用console.log()逐步调试，看看问题在哪里（是不是没有img标签？img标签的alt属性为空？caption的样式问题？等等）。

的确，ready的语法错了。

Answer 2

是不是写错了?
$(document).ready(function(){

});

Answer 3

明细语法错了，如果在浏览器中调试一下就能知道。

Answer 4

$(document).ready(function() {
    ...
})