jquery加li,jquery添加属性的方法

jquery 添加li 实现 $(li).append(menu_list[attr].data).append("").appendTo(parent);

$(document).ready(function(){

 var tmp = '';

 $('li').each(function(){

  tmp = $(this).html();

  $(this).html(tmp.replace(tmp,"a href='#'"+tmp+"/a"));

 });

});

相关问答

Q1: jQuery 绑定并实现单击事件

实现的方法如下：

1、第一步，创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。

7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。

Q2: 用jquery动态添加li，但是不知道为什么找不

!DOCTYPE html

 html xmlns="" 

 head 

  meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 

  titlejQuery add/remove ul li/title 

  style type="text/css"     

  #nav{width:1000px;height:450px;border-top:#060 2px solid;margin-top:10px;border-bottom:#060 2px solid;background-color:#690;margin-left:50px;}     

  #nav ul{list-style:none;line-height:40px;}    

   #nav li{display:block;float:left;padding:15px;line-height:50px;}     

   #nav a{display:block;color:#fff;text-decoration:none;padding:0px;}     

   #nav a:hover{background-color:#060;}     

   input {margin-top:10px;margin-left:50px;width:100px;height:50px;font-size:15px;} 

  /style 

  script src="jquery.min.js" type="text/javascript"/script 

  script type="text/javascript"

   $(document).ready(function(){ 

   //按钮的点击事件，每次点击的时候动态的创建一个  li对象，jquery直接通过 ul对象的id，使用 append 方法 动态的把li添加到ul里面     

   $("#addButton").bind("click",function(){          

   var google = Math.random();         

   var msg = "lia href='javascript:void(0)'删我/aspan style='color:yellow;'" + google + "/span/li";         

   $("#colist").append(msg);//每次添加万一个元素后，都会给改li绑定移除事件         

   bindListener();     });//     

   function bindListener(){ //给所有的 ul li重新绑定移除事件         

   $("#colist li a").unbind().click(function(){//直接通过.remove() 方法移除掉li元素,页面自动就会刷新           

   $(this).parent().remove();         

   });     

   }     //jquery 检索ul li的所有元素     

   $("#collect").click(function(){         

   var data = "";         

   $("#nav").find("ul li span").each(function(index,value){             

   data += $(this).text() + "|";         

   })

    alert(data);     

        })

   }) 

   /script 

   /head 

   body     

   div id="nav"         

   ul id="colist"/ul     

   /div    

   input type="button" value="通过jquery动态添加一个心的li" id="addButton" /     

   input type="button" value="查询所有的li信息" id="collect" / 

   /body 

 /html

Q3: jquery的li列表添加问题

不知道你讲的添加不同的值是什么意思？

是要将a内显示的值更改成不同值还是将超链接改成不同的地址，或者是其它的什么呢？

下面给出了一个获取li下面a标签，然后修改a标签相关内容的方法：

script type="text/javascript" $(document).ready(function(){ $("#bottom").find('li a').each(function(i ,e){ // 将a的显示值更改，同时为a添加不同的超链接 $(this).text("连接笭沪蒂疚郦狡垫挟叮锚" + i).attr("href", "#"+i); }); });/script上面的text()方法是更新标签的显示值

attr("属性名", "属性值")方法是更新标签的属性值

具体可以查问相关API