tab标签动态调用时<a href="#tab1" 双引号里面的值自动改变

小白求教一下，php里面调用tab标签时，li后面的a href都是#tab1,包括后面的aria-controls都是tab1，怎样实现调用多个数据时a href="#tab1" “#tab2”“#tab3”... 也就是tab后面自动加1的这种效果，包括下面的id也能够自动改变成tab1,tab2,tab3...
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#tab1" aria-controls="tab1" data-toggle="tab">标题1</a></li>
<li class="active"><a href="#tab1" aria-controls="tab1" data-toggle="tab">标题2</a></li>
<li class="active"><a href="#tab1" aria-controls="tab1" data-toggle="tab">标题3</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="tab1"><p>内容1</p></div>
<div class="tab-pane fade" id="tab1"><p>内容2</p></div>
<div class="tab-pane fade" id="tab1"><p>内容3</p></div>
</div>
<script>
$(function () {
$('#myTab li:eq(1) a').tab('show');
});
</script>