我需要完成一些非常简单的事情,到目前为止,我只能做到一半.
我有一个链接< a href =“#”class =“favorites”>收藏< / a>你可以看到它没有title属性.@H_301_3@
< a href =“#”class =“favorites”title =“添加到收藏夹”>收藏夹< / a>@H_301_3@
单击时,将切换选中的类,然后更改title属性,因此最终结果如下所示：@H_301_3@
< a href =“#”class =“favorite checked”title =“添加到收藏夹的项目”>收藏夹< / a>@H_301_3@
我有这个代码但是虽然它更改了新代码的title属性,但再次单击时title属性不会被交换,这就是我需要的：@H_301_3@
$('.favorites').attr('title','Add to Favorites').click(function(){
$(this).toggleClass('checked').attr('title','Added to Favorites');
});
提前致谢.@H_301_3@
解决方法
试试这个
$('.favorites').attr('title','Add to Favorites').click(function() {
$(this).toggleClass('checked');
var title = 'Add to Favorites' ;
if( $(this).hasClass('checked')){
title = 'Added to Favorites';
}
$(this).attr('title',title);
});
Check FIDDLE@H_301_3@
