的jQuery不允许添加子

HTML：的jQuery不允许添加子

<div class="btn-group btn-group-sm"> 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default" id="addLftTab"> 
      Add Left Tab 
     </button> 
    </div> 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default" id="addrghtTab"> 
      Add Right Tab 
     </button> 
    </div> 
</div> 
<ul class="nav nav-tabs" role="tablist"> 
    <li class="active"> 
     <a href="#">Passage1</a> 
    </li> 
</ul>

JS：

$("#addLftTab").on("click", function() { 
    $("#tablist > li:first").prepend('<li><a href="#">Passage</a></li>'); 
}); 
$("#addrghtTab").on("click", function() { 
    $("#tablist > li:last").append('<li><a href="#">Passage</a></li>'); 
});

这有什么错在我的代码？我在这个CSS小孩部分noob。我试过但无法找到什么是不工作。使用bootstrap，jquery插件1.8。在UL标签

来源

2014-09-23 Juan

是你的代码逐字？ – 2014-09-23 17:48:37

将脚本放入

ID丢失，它应该是：

<ul class="nav nav-tabs" role="tablist" id="tablist"> 
    <li class="active"> 
     <a href="#">Passage1</a> 
    </li> 
</ul>

来源

2014-09-23 17:51:55 Chico3001

你需要把一个ID在你<ul>

<ul class="nav nav-tabs" id="tablist" role="tablist"> 
    <li class="active"> 
<a href="#">Passage1</a> 

    </li> 
</ul>

我已经创建了一个捣鼓你：

http://jsfiddle.net/4e084p1g/

来源

2014-09-23 17:52:11

您应该使用attribute selector象下面这样：

$('[role="tablist"] > li:first')//since you used role attribute

如果你希望你的jQuery代码是相同的然后就分配ID给该元素。

来源

2014-09-23 17:54:27

的jQuery不允许添加子

相关问题