jQurery標準デザイン講座p.249の("+ current +")の意味が分かりません。

Question

スライドショーで画像をフェードイン/フェードアウトさせるコードになります。
この11行目の("+ current +")、12行目の("+ next +")の[+]はどういう意味になるのでしょうか？
[+]がなければ11行目は1番目の子要素、12行目は2番目の子要素となるのはわかりますが、[+]がついてよくわからなくなりました。

$(function(){
  var count = $('#slide li').length;
  var current = 1;
  var next = 2;
  var interval = 3000;
  var duration = 500;
  var timer;
  $('#slide li:not(:first-child)').hide();
  timer = setInterval(slideTimer, interval);
  function slideTimer() {
    $('#slide li:nth-child('+ current +')').fadeOut(duration);
    $('#slide li:nth-child('+ next +')').fadeIn(duration);
    current = next;
    next = ++next;
    if (next > count) {
      next = 1;
    }
  }
});

Answer 1

[+]がなければ11行目は1番目の子要素、12行目は2番目の子要素となるのはわかりますが、

いいえ。
'#slide li:nth-child(3)'のように括弧内に番号を入れることで、3番目の要素などを意味します。

数字を固定で書くのでなく、「current番目の要素」を得たいので、
'#slide li:nth-child(' と current と ')' という3つの文字列を連結しています。

currentは数値ですが、文字列と+される時には文字列に変換されてから連結されます。

Comments

[7777tata]

連結だったんですね。わかりやすい回答ありがとうございました。

[otn]

質問のコードだと、引用で囲まれた文字列の部分は色が変わっていると思いますが、
構文要素の種類によって色が変わるエディタを使えば、文字列との連結であることが一目瞭然だと思います。

Answer 2

文字列連結です。

var hoge ="a";

console.log(hoge+"bc");
//abc

Comments

[7777tata]

回答ありがとうございました。

[m.ts10806]

そこだけ出力するようにしてみたら明白です。
console.log('#slide li:nth-child('+ current +')')

なお、パースが面倒な時に「文字列として扱う」ために使うこともあります。

123+""+1