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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/jquery/241387.html

猜你在找的jQuery相关文章