首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用JQuery选择页面上的最后一个链接

使用JQuery选择页面上的最后一个链接
EN

Stack Overflow用户
提问于 2012-12-19 22:36:24
回答 3查看 97关注 0票数 0

我有一个HTML页面,在页脚有一些链接。我需要通过JQuery动态更改应用于这些链接的类。例如,我需要将链接类设置为名为"footerToggled“的类。

代码语言:javascript
运行
复制
...

<footer>
  <div>  
    <nav>
      <ul>
        <a href="/Site/">Home</a> 
        <a href="/Site/Contact">Contact Us</a> 
        <a href="/Site/About">About Us</a> 
      </ul>
    </nav>
  </div>
</footer>

如何通过JQuery在我的pag页脚中设置应用于nav元素中的锚标签的CSS类?

非常感谢!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-12-19 22:38:44

代码语言:javascript
运行
复制
$('footer div nav ul a').addClass('footerToggled');

http://jsfiddle.net/RQLyh/1/

票数 3
EN

Stack Overflow用户

发布于 2012-12-19 22:37:48

代码语言:javascript
运行
复制
$('footer nav a').addClass('footerToggled' )

但是你应该在你的标记中使用<li>/id,顺便说一句,你应该使用一个有效的classes /id-你需要用classes填充你的classes。

票数 2
EN

Stack Overflow用户

发布于 2012-12-19 22:57:50

因为您需要选择页面上的最后一个链接才能使用.last()

使用.addClass()添加css

所以举个例子

代码语言:javascript
运行
复制
$('footer nav a').last().addClass('footerToggled');

如果您需要在页脚中设置所有<a>的样式

代码语言:javascript
运行
复制
$('footer a').addClass('footerToggled')
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13954650

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档