如何选择ul通过jquery插入一个li？答案

【问题标题】：how to select ul to insert a li via jquery?如何选择ul通过jquery插入一个li？
【发布时间】：2016-01-07 07:17:20
【问题描述】：

我正在使用 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？？

【问题讨论】：

我们不知道getQuoterow()是什么
使用$('#appending')选择ul
不使用 $("#filtering").append(getQuoteRow(value));，而是使用 $("#appending").append(getQuoteRow(value));
getQuoterow() 正在使用 value 参数创建一组元素，并将 retrn 作为这些元素的字符串
$("#appending").append(getQuoteRow(value));我试过了，但是没用

标签： javascript php jquery html jquery-ui

【解决方案1】：

你可以这样使用

$("#appending").append(getQuoteRow(value))

参考示例

$("#appending").append("<li>test</li>")

【讨论】：

【解决方案2】：

当我调用 $("#filtering").append(getQuoteRow(value));它附加在 div 标签下..

这是因为 div 的 id 为 filtering，而#filtering 将选择 id 为 filtering 的元素。你也有 ul 元素的 id ，即appending。您可以使用：

$("#appending").append(getQuoteRow(value));

【讨论】：

【解决方案3】：

在您的函数中，您的 H3 标签已打开但未关闭

$str+= ' <h3 class="title" >';

需要类似的地方

$str+= '</h3>';

【讨论】：