Javascript jquery加载更多函数

我使用jquery创建了一个load more函数，并将其放在一个名为main.js的外部文件中

$(document).ready(function () {
    size_li = $("#comment_list li").size();
    x=2;
    $('#comment_list li:lt('+x+')').show();
    $('#loadMore').click(function () {
        x= (x+5 <= size_li) ? x+5 : size_li;
        $('#comment_list li:lt('+x+')').show();
    });
    $('#showLess').click(function () {
        x=(x-5<0) ? 2 : x-5;
        $('#comment_list li').not(':lt('+x+')').hide();
    });
});

$（文档）.ready（函数（）{
size_li=$（“#注释列表li”）.size（）；
x=2；
$（“#注释列表li:lt（“+x+”））.show（）；
$（“#加载更多”）。单击（函数（）{
x=（x+5一个id不能有多个元素。将其更改为：

$(document).ready(function () {
    size_li = $(".comment_list li").length;
    x=2;
    $(this).previous().find('li:lt('+x+')').show();
    $('.loadMore').click(function () {
        x= (x+5 <= size_li) ? x+5 : size_li;
        $(this).previous().find('li:lt('+x+')').show();
    });
    $('.showLess').click(function () {
        x=(x-5<0) ? 2 : x-5;
        $(this).previous().find('li').not(':lt('+x+')').hide();
    });
});

$（文档）.ready（函数（）{
大小=美元（“.comment\u list li”）。长度；
x=2；
$（this.previous（）.find（'li:lt（'+x+'）））.show（）；
$（'.loadMore'）。单击（函数（）{
x=（x+5）


加载更多
Element
id
s必须是唯一的。id错误地引用了>之前的引号，所以如果我像这样放置id=“comment\u list”如何将其传递给main.js jquery函数？通常，您可以在单击处理程序中使用
this
，然后使用遍历函数获取要修改的元素。jquery有点弱，您可以在我的代码中修改吗？当我第二次单击时不工作，第一次单击时加载更多。size（）方法从jQuery 1.8开始被弃用，并从3.0中删除。请改用.length属性。来源：@dragoeco，我更改了代码，谢谢。实际上我使用了length，但我不知道
size（）
$(document).ready(function () {
    size_li = $(".comment_list li").length;
    x=2;
    $(this).previous().find('li:lt('+x+')').show();
    $('.loadMore').click(function () {
        x= (x+5 <= size_li) ? x+5 : size_li;
        $(this).previous().find('li:lt('+x+')').show();
    });
    $('.showLess').click(function () {
        x=(x-5<0) ? 2 : x-5;
        $(this).previous().find('li').not(':lt('+x+')').hide();
    });
});

<ul class="comment_response comment_list>
   <li></li>
</ul>

<div class="loadMore">Load more</div>

<ul class="comment_response comment_list>
   <li></li>
</ul>

<div class="loadMore">Load more</div>