javascript - 如何通过jquery选择ul插入li？

Question

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

Answer 1

你可以这样使用

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

引用示例

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