js让id自加的问题，求教

 我是通过调用函数把后台文章调出来的，比如<a href="#1" data-toggle="tab">
{$post_content}</a>里我通过{$post_content}函数调出十篇文章标题，怎么样才能让这个href="#1"自加呢？就是每调出一篇文章就加一，比如调出三篇文章时文章一href=#1，文章二href=#2，文章三href=#3，而下面对应的id又怎么自加？我这是一个tab切换效果，求各位大哥大姐指教，js只会基础的不能再基础的

<ul id="myTab" class="nav nav-tabs ">
<li class="active">
<a href="#1" data-toggle="tab">
文章一
</a>
</li>
<li><a href="#2" data-toggle="tab">文章二</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="1">
<p>文章一内容</p>
</div>
<div class="tab-pane fade" id="2">
<p>文章二内容</p>
</div>
</div>

你弄个自增变量不就行了？

 $i=1;
foreach(。。。。。){
echo "<a href='#'.$i.''>xxxx</a>";
$i++;
}