如何通过jquery选择ul插入li
how to select ul to insert a li via jquery?
我正在使用jquery在前端做一些工作。我在我的html 中有以下元素
<div id="filtering" class="top-buffer">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="event-list" id="appending">
</ul>
</div>
</div>
</div>
</div>
<script>
function getQuoteRow(value){
$str='';
$str+= '<li>';
$str+= '<time datetime=""><span class="month">'+value.category_name+'</span></time>';
$str+= '<div class="info" style="background-color:#'+value.bg_color_picker+'">';
$str+= ' <h3 class="title" >';
$str+= value.quote.replace(/''/g, "");
$str+= '</div>';
$str+= '<div class="social"><ul>';
$str+= '<li class="pencil" style="width:33%;"><a href="/admin/viewQuotes?edit=ok&id='+value.quote_id+'" class="icon-pencil"><span class="fa fa-pencil"></span></a></li>';
$str+= '<li class="trash" style="width:33%;"><a href="/admin/viewQuotes?delete=ok&id='+value.quote_id+'" onclick="return delConfirm()" class="icon-trash"><span class="fa fa-trash"></span></a></li>';
$str+= '<li class="facebook" style="width:33%;"><a href="#facebook"><span class="fa fa-facebook"></span></a></li>';
$str+= '<li class="twitter" style="width:34%;"><a href="#twitter"><span class="fa fa-twitter"></span></a></li>';
$str+= '</ul></div>';
$str+= '</li>';
return $str;
}
</script>
下面介绍如何在jquery中选择来追加一行?我使用了以下选择器,但它不起作用,这些是
$("#filtering ul").append(getQuoteRow(value));
$("#appending").append(getQuoteRow(value));
但是当我调用$("#filtering").append(getQuoteRow(value))它附加在div标记下。。
如何选择ul??
您可以像这样使用
$("#appending").append(getQuoteRow(value))
参考示例
$("#appending").append("<li>test</li>")
当我调用$("#filtering").append(getQuoteRow(value))时;它附加在div标签下
这是因为div具有id filtering
,而#filtering
将选择id为filtering
的元素。您也有ul元素的id,即appending
。您可以使用:
$("#appending").append(getQuoteRow(value));
在您的函数中,您的H3标签是打开的,但不是关闭的
$str+= ' <h3 class="title" >';
需要像这样的地方
$str+= '</h3>';
相关文章:
- 将样式表插入iframe
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 如何动态插入jquery代码
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 动态插入的表:JQuery未检测到最后一行
- 使用JavaScript动态插入DIV的成本有多高
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 更改li标记文本的Javascript
- 将对象动态插入到现有对象中
- Jquery菜单UL LI插入
- 在 LI 中插入 JavaScript DIV
- ng-click似乎不适用于以编程方式插入的列表(li)元素
- 如何通过jquery选择ul插入li
- 如何使用javascript在ul中每隔两个li插入一次
- 使用jQuery将元素插入到带有id的li中
- 单击时,将文本插入ul li
- 使用JQuery将LI插入到来自现有UL的UL
- 如何在带有数组的 li 中插入文本
- Jquery / javascript在html中插入ul / li元素