これは私の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 から、各リンクのコンテンツを取得する必要があります。