Question

我是jquery的新手，很乐意对此有所了解。我有几个链接，我想将他们的内容加载到我的#content div。我没有使用href所以我想加载id并附加.html（例如：第一个链接得到id =“link1”。点击后我想将link1.html加载到#content div。）。此外，我想将点击链接的类从非活动状态切换为活动状态，并找到上一个活动链接并将其更改为非活动链接。

所以这就是我的尝试：

$(".link").click(function() {
    var linkHref = $(this).attr("id");
    var loadHref = linkHref.append(linkHref + ".html");
    $("#content").load(loadHref);
    $("#nav").find(".active").toggleClass("active inactive");
    $(this).children("a").toggleClass("inactive active");
});

HTML：

<ul id="nav">
    <li><a href="#" id="link1" class="active link">Link 1</a></li>
    <li><a href="#" id="link2" class="inactive link">Link 2</a></li>
    <li><a href="#" id="link3" class="inactive link">Link 3</a></li>
</ul>

输出：没有任何反应。

Answer 1

append是一个jQuery对象的方法，attr返回一个没有append方法的字符串（一个String对象），如果你想连接你应该使用的字符串{ {1}}运算符。另请注意，您已将处理程序绑定到+元素而不是a元素，并且无需使用li。

children

var linkHref = $(this).attr("id") + '.html';

jquery获取id并附加.html＆amp; toggleClass

1 个答案: