jQuery：根据状态切换href的title属性

我需要完成一些非常简单的事情,到目前为止,我只能做到一半.

我有一个链接< a href =“#”class =“favorites”>收藏< / a>你可以看到它没有title属性.

加载页面时,脚本会添加此title属性：

< a href =“#”class =“favorites”title =“添加到收藏夹”>收藏夹< / a>

单击时,将切换选中的类,然后更改title属性,因此最终结果如下所示：

< a href =“#”class =“favorite checked”title =“添加到收藏夹的项目”>收藏夹< / a>

我有这个代码但是虽然它更改了新代码的title属性,但再次单击时title属性不会被交换,这就是我需要的：

$('.favorites').attr('title','Add to Favorites').click(function(){
  $(this).toggleClass('checked').attr('title','Added to Favorites');
});

任何想法我如何“点击”点击属性？

我创建了这个DEMO来显示这个问题.

提前致谢.

解决方法

试试这个

$('.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