{我希望能够在正文中添加一个类,然后删除该类,并在单击'a tag‘html元素时将其替换为新类,这就是我所获得的,添加类,每次单击都会添加另一个类:
是否可以通过选中selected类而不是.click类的链接来完成此操作
html:
<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:
$('ul#dates li a.selected').bind(function() }
var htmlStr = $(this).html();
$('body').attr('class', htmlStr);
});
发布于 2012-10-03 18:00:42
每次只需完全替换class属性:
$('ul#dates li a').click(function() {
var htmlStr = $(this).html();
if( $(this).is('.selected') ) {
$('body').attr('class', htmlStr);
}
});
发布于 2012-10-03 18:00:37
您想要Jquery toggleClass
方法
http://api.jquery.com/toggleClass/
if ($(this).is(".foo"))
{
$(this).toggleClass("foo", false);
$(this).toggleClass("bar", true);
}
else
{
$(this).toggleClass("foo", true);
$(this).toggleClass("bar", false");
}
发布于 2012-10-03 18:00:37
你可以尝试在你的body上设置一个data-X
属性,而不是一个类,例如$('body').attr('data-clicked-link-html-string', htmlStr);
。
https://stackoverflow.com/questions/12706093
复制相似问题