выполнить ajax в ajax

[ureech]

Всем привет.

<ul class=" myTab">
  <li ><a href="#home" id="01" >title</a></li>
<li ><a href="#home" id="02" >title</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane"></div>
</div>

$('.myTab a').click(function (e) {
  e.preventDefault()
  var id = $(this).attr('id')
$.post('/photos/'+id, function(data) {
  $('.tab-pane').html(data); 
});
})

При выполнении в <div class="tab-pane"></div> имею

<li ><a href="#home" id="011" >title -01</a></li>

Можно ли кликнув по id="011" получить в <div class="tab-pane"></div>

<li ><a href="#home" id="021" >title -011</a></li>

[laimas]

Можно, ваш если делегировать обработку:

$('.myTab').on('click', 'a', function (e) {

и будет не ajax в ajax, а просто асинхронные запросы по щелчку. И зачем $(this).attr('id'), если и без этого вполне можно обойтись:

this.id

и $.post('/photos/'+this.id - плодить переменные, которые в общем то не нужны плохая привычка.

[ureech]

laimas,
Спасибо, разобрался.Насчёт переменных, там всё в динамике и циклах,так что они там просто необходимы.