添加和取消关注联系人

：的区别

文档  层级   input找到表单中所有的 input 元素

表单对象  :input找到表单中所有的 input 元素？

 

 

var well =$("#well_"+$(e).attr("value")); // 联系人块

 

// 设置关注后联系人边框样式,移动将添加关注的联系人信息块

                     well.addClass("yellowBorder").insertAfter("#followLabel");

 

 

 

well.removeClass("yellowBorder");

                     //移动将取消关注的联系人信息块

                     $("#contactArea_"+well.attr("key")).show().append(well);

 /** 联系人添加关注/取消关注 */
function followFun(){
    $('.follow').click(function(){
        var icon = $(this).children('i');
        var e = this;
        if(icon.hasClass("icon-star")){
            // 取消关注
            $.get("${contextPath}/contact/cancelFollowContact.html?contactId="+$(e).attr("value"),
                function(data, status){
                    if(data=="ok"){
                        $(e).attr("title","添加关注");
                        icon.toggleClass("icon-star").toggleClass("icon-star-empty");
                        移动选择的联系人(取消关注)
                        var well = $("#well_"+$(e).attr("value")); // 联系人块
                        // 设置取消关注后的联系人块边框样式
                        well.removeClass("yellowBorder");
                        // 移动将取消关注的联系人信息块
                        $("#contactArea_"+well.attr("key")).show().append(well);
                        // 定位锚点显示
                        var key = well.attr("key")==0?"#":well.attr("key");
                        $(".keyword[title='"+key+"']").show();
                        // 关注联系人没有时区域隐藏
                        if($("#followList").children(".well").length == 0){
                            $("#followList").hide();
                        }
                        // 提示取消关注成功
                        $.gritter.add({
                            title: '取消关注成功！',
                            text: '您已成功取消关注此联系人信息',
                            time: 1000,
                            class_name: 'gritter-success gritter-center'
                        });
                    } else {
                        // 提示取消关注失败
                        $.gritter.add({
                            title: '取消关注失败！',
                            text: '抱歉，联系人信息取消关注失败',
                            time: 1000,
                            class_name: 'gritter-error gritter-center'
                        });
                    }
                });
        }else if(icon.hasClass("icon-star-empty")){
            // 添加关注
            $.get("${contextPath}/contact/followContact.html?contactId="+$(e).attr("value"),
                function(data, status){
                    if(data=="ok"){
                        $(e).attr("title","取消关注");
                        icon.toggleClass("icon-star").toggleClass("icon-star-empty");
                        移动选择的联系人(加关注)
                        var well = $("#well_"+$(e).attr("value")); // 联系人块
                        var parent = well.parent(); // 联系人父集合块
                        // 设置关注后联系人边框样式,移动将添加关注的联系人信息块
                        well.addClass("yellowBorder").insertAfter("#followLabel");
                        $("#followList").show();
                        // 没有联系人的区域隐藏
                        if(parent.children(".well").length == 0){
                            parent.hide();
                            // 定位锚点隐藏
                            var key = well.attr("key")==0?"#":well.attr("key");
                            $(".keyword[title='"+key+"']").hide();
                        }
                        // 提示关注成功
                        $.gritter.add({
                            title: '添加关注成功！',
                            text: '您已成功关注此联系人信息',
                            time: 1000,
                            class_name: 'gritter-success gritter-center'
                        });
                    } else {
                        // 提示关注失败
                        $.gritter.add({
                            title: '添加关注失败！',
                            text: '抱歉，联系人信息关注失败',
                            time: 1000,
                            class_name: 'gritter-error gritter-center'
                        });
                    }
                });
        }
    });
}