Javascript 使用jquery在ul菜单中添加li Dynamic

我有一个已经由jquery加载的菜单。我不想编辑加载此菜单的当前js文件，所以我想使用jquery在菜单中最后一个li的末尾添加一个额外的li。我的菜单结构是：

<div class="toolbar">
    <ul id="dcsns-filter" class="option-set filter">
        <li><a href="#filter" data-group="dc-filter" data-filter="*" class="selected link-all">all</a>
        </li>
    </ul>
</div>    

我没有机会尝试了下面的代码

<script>
$(document).ready(function () {
    var tsource = "http://www.google.com"
    $(".dcsns-toolbar").find("li:last").after("<div style='width:100px; height:61px; float: left; top:0; position: absolute; margin-top:140px; margin-right:5px;'><div style=' width:65px; height:61px; float:left;'>Πηγή: <a href='" + tsource + "' target='_blank' style='color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;'>Google</a></div></div>");
});
</script>

$（文档）.ready（函数（）{
var tsource=”http://www.google.com"
$（“.dcsns工具栏”）.find（“li:last”）.after（“πηγή：”）；
});

---

谢谢

我相信您的jQuery选择器中有一个错误：

$("#dcsns-filter").append('Your new li html');

$(".dcsns-toolbar")  // <--- This element doesn't exist

然后jQuery将找到您的元素，您可以附加到该元素

$('#dcsns-filter').find("li:last").after("<div style='width:100px; height:61px; float: left; top:0; position: absolute; margin-top:140px; margin-right:5px;'><div style=' width:65px; height:61px; float:left;'>Πηγή: <a href='" + tsource + "' target='_blank' style='color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;'>Google</a></div></div>");

$（“#dcsns过滤器”）。查找（“li:last”）。在（“πηγή：”）之后；

我相信您的jQuery选择器中有一个错误：

$(".dcsns-toolbar")  // <--- This element doesn't exist

然后jQuery将找到您的元素，您可以附加到该元素

$('#dcsns-filter').find("li:last").after("<div style='width:100px; height:61px; float: left; top:0; position: absolute; margin-top:140px; margin-right:5px;'><div style=' width:65px; height:61px; float:left;'>Πηγή: <a href='" + tsource + "' target='_blank' style='color:#fff; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;'>Google</a></div></div>");

$（“#dcsns过滤器”）。查找（“li:last”）。在（“πηγή：”）之后；

var innerHtml='…'；
var newListItem=$（'
'）.html（innerHtml）；
$（“#dcsns筛选器”）.append（newListItem）；

var innerHtml='…'；
var newListItem=$（'
'）.html（innerHtml）；
$（“#dcsns筛选器”）.append（newListItem）；

您可能应该将

新的li html

格式化为新的列表元素HTMLY您可能应该将

新的li html

格式化为新的列表元素htmlIn您的示例中没有类

.dcsns工具栏

的元素，您应该只将

附加到
中。在您的示例中，您没有类
.dcsns工具栏的元素。另外，您应该只将
附加到
中。亲爱的@mark我添加了此代码：$（'.\dcsns过滤器'）。查找（“li:last”）。在（“”）之后；没有运气。。如果我检查元素an，将div放在最后一个li之后，它可以工作，但不能用Jquery加载它。@IreneT。什么东西不加载？如果存在绑定到这些元素的事件，并且您创建了新元素，则需要重新绑定事件选择器以包含新元素。Dear@mark i添加了以下代码：$（“#dcsns筛选器”）。查找（“li:last”）。在（“”）之后；没有运气。。如果我检查元素an，将div放在最后一个li之后，它可以工作，但不能用Jquery加载它。@IreneT。什么东西不加载？如果存在绑定到这些元素的事件，并且创建了新元素，则需要重新绑定事件选择器以包含新元素。