在js循环中如何给a标签的点击事件的方法参数赋值有效
在js循环中如何给a标签的点击事件的方法参数赋值有效
/**
* 当点击应用时,添加一次访问数
**/
function visitApp(appId, appName, appUrl){
$.post(
"./doVisitPerson.action",
{resId:appId, resName:appName, resUrl:appUrl},
function(msg){
if(msg == "succeed"){
window.open(appUrl);
}
}
);
}
/**
* 应用分页
**/
function pagination(btn,groupId,groupName,flag){
//取到li元素
var li=$(btn).parent();
var currPage =1;
if(flag=="next"){
//当前页
var currentNext=li.prev().children().eq(0).text();
//总页数
var total=li.prev().children().eq(2).text();
if(currentNext!=total){
currPage = parseInt(currentNext)+1;
ajaxPost(btn,groupId,groupName,currPage);
}else {
//让分页按钮(下一页)失效
$(btn).attr("disabled","disabled");
}
}
else{
//当前页
var currentPre=li.next().children().eq(0).text();
if(currentPre!=1){
currPage= parseInt(currentPre)-1;
ajaxPost(btn,groupId,groupName,currPage);
}else {
//让分页按钮(上一页)失效
$(btn).attr("disabled","disabled");
}
}
}
/**
* ajax异步提交
* @return
*/
function ajaxPost(btn,groupId,groupName,currPage) {
$.post(
"./toPaginationPerson.action",
{groupId:groupId, groupName:groupName,currentPage:currPage},
function(msg){
var jsonobj=eval("("+msg+")");
//获取显示div的对象
var tbody = document.getElementById(groupId);
$(tbody).html("");
var span1=$(" ");
var span2=$(" ");
var span3=$(" ");
var span4=$(" ");
span1.appendTo($(tbody));
span2.appendTo($(tbody));
span3.appendTo($(tbody));
span4.appendTo($(tbody));
var div1=$("
");var h4=$("
");h4.text(groupName);
h4.appendTo(div1);
var div2=$("
");var obj=jsonobj.list;
if(obj!=null&&obj.length>0){
for(var i = 0; i < obj.length; i++){
var div3=$("
");if(obj[i].status!=null && obj[i].status=="正在运行" ){
// 给a标签的属性赋值,再用属性值作为参数
a.attr("id", obj[i].appUri);
a.attr("name", obj[i].appName);
a.attr("title", obj[i].appUrl);
a.click(function(){
visitApp(this.id,https://www.360docs.net/doc/c217977723.html,,this.title);
}
);
if(obj[i].photo!=""){
var img1=$("");
img1.appendTo(a);
}else{
var img2=$("
alt=''"+obj[i].appName+"'' title=''"+obj[i].appName+"'' width=''64'' height=''64'' />");
img2.appendTo(a);
}
a.appendTo(div3);
var a1=$(" href=''#nogo'' title=''"+obj[i].appName+"''>
a1.attr("id", obj[i].appUri);
a1.attr("name", obj[i].appName);
a1.attr("title", obj[i].appUrl);
a1.click(function(){
visitApp(this.id,https://www.360docs.net/doc/c217977723.html,,this.title);
});
var span5=$(" title=''"+obj[i].appName+"''>"+obj[i].shortName+"
span5.appendTo(a1);
a1.appendTo(div3);
}
else{
if(obj[i].photo != ""){
var img3=$("");
img3.appendTo(div3);
}else{
var img4=$("
alt=''"+obj[i].appName+"'' title=''"+obj[i].appName+"'' width=''64'' height=''64'' />");
img4.appendTo(div3);
}
var span6=$(" title=''"+obj[i].appName+"''>"+obj[i].shortName+"
span6.appendTo(div3);
}
div3.appendTo(div2);
div2.appendTo(div1);
div1.appendTo($(tbody));
}
}
if(jsonobj.totalRecord>20){
var div5=$("
");var ul=$("
var li1 = $("
");var inp1 = $("
class=''btn1''/>");
//上一页
inp1.click(function(){
pagination(this, jsonobj.group.groupId,
jsonobj.group.groupName, ''front'');
});
inp1.appendTo(li1);
li1.appendTo(ul);
var li2=$("
");var b=$(""+jsonobj.currentPage+"");
b.appendTo(li2);
var bspan=$("/");
bspan.appendTo(li2);
var total=$(""+jsonobj.totalPage+"");
total.appendTo(li2);
li2.appendTo(ul);
var li3=$("
");var inp2 = $("");
//下一页
inp2.click(function(){
pagination(this, groupId, groupName, ''next'');
});
inp2.appendTo(li3);
li3.appendTo(ul);
ul.appendTo(div5);
div5.appendTo($(tbody));
}
}
);
}