列表中 LI 节点如何插入超连接

zzh_sby_zrz 2015-09-11 12:23:26

var b ='王本德,zpryid1,282|杨伟雄,zpryid2,281|广威,zpryid3,280|曹恭斌,zpryid4,279|闵杰,zpryid5,278|余常珍,zpryid6,277|曾宪华,zpryid7,276|林金晶,zpryid8,275';
var a= new Array();
a=b.split("|");
var n=5;
var start=0;

function pullUpAction() {
setTimeout(function () {

var el, li, i;
el = document.getElementById('thelist');
for (i = 0; i < n && start < a.length; i++) {
li = document.createElement('li');
li.innerText = a.slice(start, start + 1);
el.appendChild(li, el.childNodes[0]);
start++;
}
myScroll.refresh();
}, 1000);
}

如上代码现状只是显示了数组如下:
王本德,zpryid1,282
杨伟雄,zpryid2,281
广威,zpryid3,280
曹恭斌,zpryid4,279
...

问题是:如何插入如下的连接???????????
<a href="../view?sid=282">查看</a> <a href="to?name=zpryid1&tid=282" class="button light small">发出</a>

变成目标显示结果如:
王本德 【查看】 【发出】 注:“【】”内为目标超连接

注:请在如上现有代码上修改,谢谢
...全文
84 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
liusaint1992 2015-09-11
  • 打赏
  • 举报
回复
var b ='王本德,zpryid1,282|杨伟雄,zpryid2,281|广威,zpryid3,280|曹恭斌,zpryid4,279|闵杰,zpryid5,278|余常珍,zpryid6,277|曾宪华,zpryid7,276|林金晶,zpryid8,275'; var a= new Array(); a=b.split("|"); var n=5; var start=0; function pullUpAction() { setTimeout(function () { var el, li, i,item,aArr,aString; el = document.getElementById('thelist'); for (i = 0; i < n && start < a.length; i++) { li = document.createElement('li'); aString = a.slice(start, start + 1).toString(); aArr = aString.split(","); li.innerHTML = aArr[0]+'<a href="../view?sid='+aArr[2]+'">查看</a> <a href="to?name='+aArr[1]+'&tid='+aArr[2]+'" class="button light small">发出</a>'; el.appendChild(li, el.childNodes[0]); start++; } myScroll.refresh(); }, 1000); }
$(function(){ $.fn.extend({ SimpleTree:function(options){ //初始化参数 var option = $.extend({ click:function(a){ } },options); option.tree=this; /* 在参数对象添加对当前菜单树的引用,以便在对象使用该菜单树 */ option._init=function(){ /* * 初始化菜单展开状态,以及分叉节点的样式 */ this.tree.find("ul ul").hide(); /* 隐藏所有子级菜单 */ this.tree.find("ul ul").prev("li").removeClass("open"); /* 移除所有子级菜单父节点的 open 样式 */ this.tree.find("ul ul[show='true']").show(); /* 显示 show 属性为 true 的子级菜单 */ this.tree.find("ul ul[show='true']").prev("li").addClass("open"); /* 添加 show 属性为 true 的子级菜单父节点的 open 样式 */ }/* option._init() End */ /* 设置所有链接不响应单击事件 */ this.find("a").click(function(){ $(this).parent("li").click(); return false; }); /* 菜单项 接受单击 */ this.find("li").click(function(){ /* * 当单击菜单项 * 1.触发用户自定义的单击事件,将该 标签的第一个链接做为参数传递过去 * 2.修改当前菜单项所属的子菜单的显示状态(如果等于 true 将其设置为 false,否则将其设置为 true) * 3.重新初始化菜单 */ option.click($(this).find("a")[0]); /* 触发单击 */ /* * 如果当前节点下面包含子菜单,并且其 show 属性的值为 true,则修改其 show 属性为 false * 否则修改其 show 属性为 true */ /* if($(this).next("ul").attr("show")=="true"){ $(this).next("ul").attr("show","false"); }else{ $(this).next("ul").attr("show","true"); }*/ /* 初始化菜单 */ option._init(); }); /* 设置所有父节点样式 */ this.find("ul").prev("li").addClass("folder"); /* 设置节点“是否包含子节点”属性 */ this.find("li").find("a").attr("hasChild",false); this.find("ul").prev("li").find("a").attr("hasChild",true); /* 初始化菜单 */ option._init(); }/* SimpleTree Function End */ }); });
$(function(){ $.fn.extend({ SimpleTree:function(options){ //初始化参数 var option = $.extend({ click:function(a){ } },options); option.tree=this; /* 在参数对象添加对当前菜单树的引用,以便在对象使用该菜单树 */ option._init=function(){ /* * 初始化菜单展开状态,以及分叉节点的样式 */ this.tree.find("ul ul").hide(); /* 隐藏所有子级菜单 */ this.tree.find("ul ul").prev("li").removeClass("open"); /* 移除所有子级菜单父节点的 open 样式 */ this.tree.find("ul ul[show='true']").show(); /* 显示 show 属性为 true 的子级菜单 */ this.tree.find("ul ul[show='true']").prev("li").addClass("open"); /* 添加 show 属性为 true 的子级菜单父节点的 open 样式 */ }/* option._init() End */ /* 设置所有链接不响应单击事件 */ this.find("a").click(function(){ $(this).parent("li").click(); return false; }); /* 菜单项 <li> 接受单击 */ this.find("li").click(function(){ /* * 当单击菜单项 <li> * 1.触发用户自定义的单击事件,将该 <li> 标签的第一个链接做为参数传递过去 * 2.修改当前菜单项所属的子菜单的显示状态(如果等于 true 将其设置为 false,否则将其设置为 true) * 3.重新初始化菜单 */ option.click($(this).find("a")[0]); /* 触发单击 */ /* * 如果当前节点下面包含子菜单,并且其 show 属性的值为 true,则修改其 show 属性为 false * 否则修改其 show 属性为 true */ /* if($(this).next("ul").attr("show")=="true"){ $(this).next("ul").attr("show","false"); }else{ $(this).next("ul").attr("show","true"); }*/ /* 初始化菜单 */ option._init(); }); /* 设置所有父节点样式 */ this.find("ul").prev("li").addClass("folder"); /* 设置节点“是否包含子节点”属性 */ this.find("li").find("a").attr("hasChild",false); this.find("ul").prev("li").find("a").attr("hasChild",true); /* 初始化菜单 */ option._init(); }/* SimpleTree Function End */ }); });

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧