從不同的DIV獲取內容

Question

這是我的jQuery代碼：

$(document).ready(function() { 
    $("#nav li a").click(function() { 

     $("#ajax-content").html("<div id='loading'><img src='{THEME}/images/loading.gif' alt='Loading' /></div>"); 

     $("#nav li a").removeClass('current'); 
     $(this).addClass('current'); 

     var location = this.href +" #answers"; 
     $("#ajax-content").load(location); 

     return false; 
    }); 
}); 

HTML：

<ul id="nav"> 
    <li><a id="answers" href="test1.html">Page 1</a></li> 
    <li><a id="answers" href="test2.html">Page 2</a></li> 
</ul> 
<div id="ajax-content">This is default text, which will be replaced</div> 

我的問題是，我可以從不同的DIV ID的內容爲每個鏈接？ 財產以後這樣的：

<ul id="nav"> 
    <li><a id="answers1" href="test1.html">Page 1</a></li> 
    <li><a id="answers2" href="test2.html">Page 2</a></li> 
</ul> 
<div id="ajax-content">This is default text, which will be replaced</div> 

隨着我的jQuery代碼，我可以得到內容剛剛從#answers。我需要從不同的div ID獲取每個鏈接的內容。

Answer 1

$(document).ready(function() { 
    $("#nav li a").on('click', function() { 
     $("#ajax-content").html("<div id='loading'><img src='{THEME}/images/loading.gif' alt='Loading' /></div>"); 

     $("#nav li a").removeClass('current'); 
     $(this).addClass('current'); 

     var location = this.href + ' #' + this.id; //use the ID here 
     $("#ajax-content").load(location); 
     return false; 
    }); 
}); 

FIDDLE