如何用JS给循环出来的第一个div添加一个class参数

Question

通过循环语句得出类似下面的代码：
<div class="news-post image-post"><a href="#">123</a></div>
<div class="news-post image-post"><a href="#">456</a></div>
<div class="news-post image-post"><a href="#">789</a></div>
<div class="news-post image-post"><a href="#">012</a></div>
现在我想通过JS给第一个div的class加上一个参数default-size，得到如下的结果：
<div class="news-post image-post default-size"><a href="#">123</a></div>
<div class="news-post image-post"><a href="#">456</a></div>
<div class="news-post image-post"><a href="#">789</a></div>
<div class="news-post image-post"><a href="#">012</a></div>
请教这个JS应该怎么写？

Answer 1

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".news-post:eq(0)").addClass('default-size');
});
</script>

用jquery吧，假如已经引入过的话就不用加上百度的jq了，没有的话直接复制就能用了

Answer 2

id选择器 循环的时候 给你的div加上一个id
$(“id”).addClass("")