首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >addClass/removeClass

addClass/removeClass
EN

Stack Overflow用户
提问于 2012-10-03 17:58:02
回答 5查看 241关注 0票数 1

{我希望能够在正文中添加一个类,然后删除该类,并在单击'a tag‘html元素时将其替换为新类,这就是我所获得的,添加类,每次单击都会添加另一个类:

是否可以通过选中selected类而不是.click类的链接来完成此操作

html:

代码语言:javascript
运行
复制
<ul id="dates">
<li><a href="#" class="selected">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
</ul>

jQuery:

代码语言:javascript
运行
复制
$('ul#dates li a.selected').bind(function() }
            var htmlStr = $(this).html();
            $('body').attr('class', htmlStr);
        });
EN

回答 5

Stack Overflow用户

发布于 2012-10-03 18:00:42

每次只需完全替换class属性:

代码语言:javascript
运行
复制
$('ul#dates li a').click(function() {
    var htmlStr = $(this).html();

    if( $(this).is('.selected') ) {
        $('body').attr('class', htmlStr);
    }
});
票数 2
EN

Stack Overflow用户

发布于 2012-10-03 18:00:37

您想要Jquery toggleClass方法

http://api.jquery.com/toggleClass/

代码语言:javascript
运行
复制
if ($(this).is(".foo"))
{
   $(this).toggleClass("foo", false);
   $(this).toggleClass("bar", true);
}
else
{
   $(this).toggleClass("foo", true);
   $(this).toggleClass("bar", false");
}
票数 0
EN

Stack Overflow用户

发布于 2012-10-03 18:00:37

你可以尝试在你的body上设置一个data-X属性,而不是一个类,例如$('body').attr('data-clicked-link-html-string', htmlStr);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12706093

复制
相关文章

相似问题

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