2

这是我的 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 获取每个链接的内容。

4

1 回答 1

3 
$(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;
    });
});

小提琴

于 2012-08-25T11:12:12.557 回答