jquery - 如果选择了 div 中的 a 标签,我该如何判断?

标签 jquery html css

使用 JQuery,如果我的 div 中 ID 为“nav”的 a 标签之一被选中,我如何才能清除另一个名为“body-wrapper”的 div 的内容?我这样做是为了根据导航菜单中的选择更改 div 的内容。

我的代码可以在这里找到:http://jsfiddle.net/Qvjnc/

提前致谢。

最佳答案

我只需要一个点击事件来清除要开始的内容,然后插入您想要的内容。示例:

$('#nav a').click(function(){
   $('#body-wrapper').html('<b>whatever i want</b>');
});

更新:

要根据单击的元素显示不同的内容,请将其更改为如下所示:

$('#work').click(function(){
   $('#body-wrapper').html('<b>this is work</b>');
});
$('#about').click(function(){
   $('#body-wrapper').html('<b>this is about me</b>');
});

在此示例中,您必须提供 anchor ID。

关于jquery - 如果选择了 div 中的 a 标签,我该如何判断?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7882501/

相关文章:

jquery - Bootstrap 4 ajax成功消息快速闪过

javascript - 从远程 JSON 创建对象

html - 在div中填充图像

html - 为什么我的 100vh div 比视口(viewport)大?

javascript - 在特定的 div 类中单击时提交 Jquery 文本和表单

javascript - 在 jQuery 的多个类上迭代多个元素

javascript - 这个 jquery 下拉菜单有什么问题

html - 使垂直菜单中的所有 <li> 具有相同的宽度 CSS

javascript - 在 html 表中发布 JavaScript 数组

javascript - 你如何去除 textarea 输入中的 html 标签