在ul中附加li

时间:2014-01-04 19:33:57

标签: jquery

我有问题附加li。

$('#clickme a').click(function () {
   alert("zsdzsdvzsdv");
   $("#tabss").append("<li class='ui-widget-content' title='" + name + "'>" + name + "</li>");
}); 

 <div id="clickme"><a href="#" onclick="addli()">click me</a></div>  
  <div id="header">   <ul id="tabss">
  <li><a href="/user/view"><span class="tab">Profile</span></a></li>
  <li><a href="/user/edit"><span class="tab">Edit</span></a></li>  
   </ul> 
 </div>

请咨询

5 个答案:

答案 0 :(得分:0)

尝试像这样追加:

 $("#tabss").append("<li>" + name + "</li>"); });

Check on Fiddle

答案 1 :(得分:0)

您需要添加li标签

  $('#clickme a').click(function () { 
        $("#tabss").append('<li><a href="/user/view"><span class="tab">' + name + '</span></a></li>'); 
    });

http://jsfiddle.net/K3uAN/1/

答案 2 :(得分:0)

我认为这会对你有帮助......

$('#clickme a').click(function () {
   var name = "name link";
   alert(name);
   $("#tabss").append("<li class='ui-widget-content' title='" + name + "'><a href='/user/"+name+"'>" + name + "</a></li>");
}); 

Fiddle

答案 3 :(得分:0)

 $(function(){
    $('#clickme a').click(function () {
        alert("zsdzsdvzsdv");
        $("#tabss").append("<li class='ui-widget-content' title='" + name + "'>" + name + "</li>");
    });
});

您必须在文档准备好后绑定事件

答案 4 :(得分:0)

您提供的代码似乎正确添加了li。 Fiddle

但是有一个javascript错误,它希望使用不存在的函数addli。由于javascript中存在click事件,因此不需要在html中单击$('#clickme a')。所以我冒昧地删除了它。

<div id="clickme"><a href="#">click me</a></div>  
<div id="header">   
  <ul id="tabss">
    <li><a href="/user/view"><span class="tab">Profile</span></a></li>
    <li><a href="/user/edit"><span class="tab">Edit</span></a></li>  
  </ul> 
</div>

$('#clickme a').click(function () {
  $("#tabss").append("<li class='ui-widget-content'   title='" + name + "'>" + name + "   </li>");
});