js动态创建li标签并给li一个a标签

标签: ajax js li ui 动态 a标签
8人阅读 评论(0) 收藏 举报
分类:

        对于前端的知识不是很熟练的运用,真的很伤,在这记下以防下次不记得


    

 <ul id="myul">
 </ul> 



js代码  -->可以使用append拼接字符串的形式打印到html网页


$(function(){ 
		//获得用户id
	var uid="${user.userid}";
	alert(uid);
		 $.ajax({  
         url : "ajaxHyou",  
         type : "post",  
         datatype:"json",
         data : {  
             "uid" : uid,  
         },  
         success : function(data) {  
     		if(data.kt==0){
				alert("请检查你是否登录");
         		}else{

                      for(var i=0; i<data.kt.length;i++){  
                          
                                
                             $("#my").append("<li><a href='Review?id="+data.kt[i].f_id+"'>'qq号:"+data.kt[i].qq+"'昵称'"+data.kt[i].username+"</a></li>")
				
             		
                      }
         		}
         
         }
     });   


效果图


                                        

查看评论

js给li标签中的所有a标签加点击事件

javascript中 $('#sportsItem2 a').click( function() { var $this = $(this); $ids = $this.attr("id...
  • yangzhao6628
  • yangzhao6628
  • 2015-11-18 15:57:06
  • 3030

点击li标签中的a href内容,获取相应的li标签,删除/编辑该li的内容

(html)页面                                             {$r[id]}                                {...
  • u011781769
  • u011781769
  • 2014-08-11 17:59:44
  • 2081

获取ul下li标签里点击的是哪一个li并获取li里a标签的值

获取ul下li标签里点击的是哪一个li并获取li里a标签的值 ...
  • GaoEn1020
  • GaoEn1020
  • 2017-08-01 23:18:11
  • 1325

javaScript动态添加Li元素

html代码块 **javaScript动态添加Li元素** ul li{list-style:none;display:bl...
  • qq_27437967
  • qq_27437967
  • 2017-04-26 11:02:15
  • 8801

jquery实现单机li标签时,执行跳转,li标签下面的a标签路径

思路: 这是一个触发事件,li标签被单击时,触发click方法,方法会获取到a标签的路径,进行页面跳转。 沿着这个思路去完成。 1、引入jquery script src="http://...
  • weixin_38391672
  • weixin_38391672
  • 2017-11-14 16:53:52
  • 455

通过js动态创建标签,并设置属性

js动态创建标签,并添加属性和事件
  • wangyi201212
  • wangyi201212
  • 2015-01-29 13:59:32
  • 16563

js给Li标签增加class

var list=document.getElementById("mainNav")  //获取ul对象  lis=list.getElementsByTagName("li")  //获取ul下的...
  • river131
  • river131
  • 2015-02-02 18:25:44
  • 2052

ul建立1000个li

最近看到的一个问题:如果让你在ul下建立1000个li,你会怎么做? 当时我只能想到的笨办法是遍历,但是现在想想,可以使用字符串 window.onload = function(){ v...
  • b2997215859
  • b2997215859
  • 2016-04-15 20:40:13
  • 646

JS动态添加div、li、img等元素及设置属性(实例)

把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂。如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点...
  • qq_33428652
  • qq_33428652
  • 2016-06-04 12:23:38
  • 1227

92 js 根据li里面a标签href属性来匹配当前url

1. $(function(){ var url = window.location.href ; var strs = new Array(); strs = url.sp...
  • fancivez
  • fancivez
  • 2015-09-23 11:10:30
  • 1208
    个人资料
    持之以恒
    等级:
    访问量: 6852
    积分: 823
    排名: 6万+
    文章存档
    最新评论