Jquery 每6个div加载更多

您好，实际上，如何使用jquery在每个6个div中创建一个“加载更多”按钮

<div>1</div>

<div>2</div>

<div>3</div>

<div>4</div>

<div>5</div>

<div>6</div>

<a href="#" onclick="" > Load More .. </a>

1
2.
3.
4.
5.
6.

然后显示其余的第7、8、9分区，等等

---

感谢

方法1:如果您的HTML中有固定数量的div，并且最初显示前6个div，然后单击按钮显示其余div

<div id="container">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
    </div>
    <div id="containerHidden" style="display: none">
        <div>7</div>
        <div>8</div>
        <div>9</div>
    </div>
    <a href="#" id="loadMore">Load More .. </a>

    <script type="text/javascript" language="javascript">
        $('#loadMore').click(function () {
            $('#containerHidden').show();
        });
    </script>

1.
2.
3.
4.
5.
6.
7.
8.
9
$（“#加载更多”）。单击（函数（）{
$（'#containerHidden'）.show（）；
});

方法2:如果要通过单击按钮每次动态追加N个div

<div id="container">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

<a href="#" id="loadMore">Load More .. </a>

<script type="text/javascript" language="javascript">
    $('#loadMore').click(function () {
        for (var i = 0; i < 3; i++) {
            var counter = parseInt($('#container div').length);
            counter++;
            $('#container').append('<div>' + counter + '</div');
        }
    });
</script>

1.
2.
3.
4.
5.
6.
$（“#加载更多”）。单击（函数（）{
对于（变量i=0；i<3；i++）{
var counter=parseInt（$（'#container div'）.length）；
计数器++；
$（“#容器”）.append（“+counter+”在
JQuery
中使用
.append（）
：

定义要在按钮单击时调用的函数，并在函数中添加div，如下所示：

函数添加（i）{
$（“#容器”）。追加（“+i+”）；
$（“#容器”）.append（“+（i+1）+”）；
$（“#容器”）.append（“+（i+2）+”）；
}
rest div是否以HTML格式存在，或者您想通过ajax加载它们？@user3747421:看看我的答案。希望它能帮助您解决问题。加载更多功能的可能重复项将加载每个6 div，而不是显示或隐藏，当它为6或不为6时为什么需要隐藏容器？只需将它们全部隐藏，显示加载的前6个div和n每一个都显示更多time@user3747421：您到底想要什么？我理解的是，例如，您有10个div。最初您只想显示6个div，单击“加载更多”按钮，其余部分应该显示。我说的对吗？为什么还要有一个隐藏的容器？只需再添加6个动态创建的容器，就可以无限创建co马格努斯伯顿：你的意思是OP想通过点击“加载更多”按钮再添加6个div？我想这是最好的方法。