-3

我正在尝试了解 codrops教程。它本质上是一个带有拇指滚动条的滑块。

我在代码中达到了一个点,他们正在设置变量来表示像这样在拇指滚动器中单击的项目。

 var $currentTitle       = $pg_title.find('h1:nth-child('+(current+1)+')');

 var $nextTitle          = $pg_title.find('h1:nth-child('+(idx+1)+')');

 var $currentThumb       = $pg_preview.find('img.pg_thumb:eq('+current+')');

我从未见过这样的符号+....+。我一直在挖掘并发现人们在这样的堆栈中使用它的示例,我还没有看到有人解释它可以解释如何+...+返回单击项目的值吗?

4

2 回答 2

1

当与字符串操作数一起使用时,它连接两个字符串。在这种情况下,要创建一个选择器。当与数字一起使用时,它用作加法运算符。它在这里以两种方式使用。因此,如果current == 1, h1:nth-child('+(current+1)+')' 将首先评估为h1:nth-child('+2+'),最终评估为h1:nth-child(2)

于 2013-09-17T04:15:36.853 回答
0

'+' 用于字符串连接

$pg_title.find('h1:nth-child('+(current+1)+')');

喜欢:

var b = 'def';

如果你想在 'b' 变量中添加一些其他字符串,那么你可以使用 '+' 进行连接

var addSomotherSting ='abc' +  b  + 'ghi'; 

alert(addSomotherSting);

然后浏览器显示带有“addSomotherSting”的警告框,输出为:“abcdefghi”

于 2013-09-17T04:25:52.510 回答