js动态字符串拼接案例

一、 /*绑定转移至事件*/
var defaultApp_move = $('.defaultApp_move');
defaultApp_move.live('click',function(){
var _this = $(this); 
var father = _this.parents('.defaultApp');
var defaultApp = $('.defaultApp');
var defaultApp_title = defaultApp.find('.defaultApp_title');
var _this_id = father.find('.defaultApp_title').attr('app_group_id');//当前事件触发容器的分组ID
if(!defaultApp_title || defaultApp_title.length ==0){
return false;
}
var groupOnly,group_name,group_id,tmpUl = '';

tmpUl +='<ul>'
for(var i = 0;i < defaultApp_title.length; i++){
groupOnly = $(defaultApp_title[i]);
group_name = groupOnly.attr('title');
group_id = groupOnly.attr('app_group_id');
if(group_id == _this_id){
continue;
}
tmpUl +='<li>'
                 + '<span class="add_menu_name">'
 + group_name
 + '</span>'
                      + '<input type="hidden" name="to_app_group_id" value="'+group_id+'" />'
                 + '</li>'
}

tmpUl += '</ul>';
var full_add_menu = defaultApp.find('.add_menu');
var _this_add_menu = father.find('.add_menu');

_this_add_menu.html(tmpUl);

二、

/*点击添加分组事件*/
addApp_group.unbind('click');
addApp_group.click(function(){
$('.applyAdd').hide();  //保证点击“添加应用”后弹出div处于隐藏状态
/* addApp_new.slideUp(sliderTime);
addApp_input.slideDown(sliderTime); return false; 点击'添加分组' h 5.13*/
if(addApp_input.css('display') == 'none'){
addApp_new.slideUp(sliderTime); //暂无作用
addApp_input.slideDown(sliderTime); 
return false;
}else{
addApp_input.slideUp(sliderTime)
}
});

addApp_name.unbind('blur');
addApp_name.blur (function(){
 
var appNameVal = addApp_name.val();
if($.trim(appNameVal) == '' || $.trim(appNameVal) == appNameVal_def){
$.messager.alert('提示',"分组名不能为空!");
return false;
}
$.post(addAppGroupUrl,{appNameVal:appNameVal},function(m){
if(m.code !== 0){
$.messager.alert('提示',m.msg);
return false;
}   
addApp_input.slideUp(sliderTime);
var appRigth = $('.right');

var tmpHtml = '';
tmpHtml += '<div class="defaultApp">'
              + '<div class="defaultApp_title" title="'+appNameVal+'" app_group_id="'+m.id+'">'
                +'<span class="defaultApp_name">'
+ appNameVal
                   +'<input type="hidden" name="app_group_id" value="'+m.id+'"/>'
                +'</span>';
if(m.id > 1){
tmpHtml += '<span class="move_up">上移</span>'
                   +'<span class="move_down">下移</span>'
                   +'<span class="del_group">删除组</span>';
}
                tmpHtml += '<span class="defaultApp_move">转移至</span>'
                    + '<div class="add_menu hidden" >'
                        + '<ul class="add_menu_list">'
                        + '</ul>'
                    + '</div>'
                + '</div>'
                + '<div class="businessphoto">'
                  + '<ul>'
                  + '</ul>'
                + '<div class="clearing"></div>'
              + '</div>'
              + '<div class="addApp_new editAppCon hidden">'
            + '</div>'
              + '</div>';


appRigth.append(tmpHtml);
$('.addApp_name').val('请输入4~6个字符,支持中文,英文');
},'json');

// return false; h
});
    }