Wrapall处理数字，但不处理变量

Question

请考虑以下代码：

<script>
var n = 5; // NOTICE THIS LINE!!
$(function() {
var $newDiv = $("#content > .post:gt(5)").wrapAll($("<div>").addClass("hidden"));
$("<div>", { class: "onclick" }).insertBefore($newDiv.parent()).html("Load More");
$(".onclick").click(function() {
n = n+n+5; // NOTICE THIS LINE !!
$(this).remove();
$(".hidden .post").unwrap();
$newDiv = $("#content > .post:gt(n)").wrapAll($("<div>").addClass("hidden")); // NOTICE!!
$("<div>", { class: "onclick" }).insertBefore($newDiv.parent()).html("Load More");
});
});
</script>

我的HTML：

<div id="content">
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>

<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
</div>
<div class="onclick">CLICK ME!</div>

如果I从"wrapAll“中删除"n”并输入像6或10这样的数字，这是非常有效的。为什么？

请帮帮我！

Answer 1

是因为密码

$newDiv = $("#content > .post:gt(n)").wrapAll($("<div>").addClass("hidden"));

假设只是一个字符串".post:gt(n)“。它不知道这是个数字。将此行更改为：

$newDiv = $("#content > .post:gt(" + n + ")").wrapAll($("<div>").addClass("hidden"));

Answer 2

您需要在字符串中连接变量：

$("#content > .post:gt(" + n + ")")