変数名を+で囲う意味についてのご質問

jQueryの教科書による学習で、機能はするのですが、表記の意味がわからずご教示いただけませんでしょうか。

表の特定のセルにマウスをかざした際に同列と同行の色がかわるという内容についてのjQueryの記載です。

下記jsファイルの中で、
$("td:nth-child("+ myIndex +")").addClass("target");
とあるのですが、変数myIndexを+で囲っているのは、どのような意味がありますでしょうか。

※検索しても演算子に対する説明のHPがヒットするため、不明部分が解消できません。
基本的な質問だとは思うのですが、何卒よろしくお願いいたします。

該当のソースコード

$(function(){
$("td").hover(function(){
$(this).parent().addClass("target");
var myIndex = $(this).index();
myIndex ++;
$("td").each(function(){
$("td:nth-child("+ myIndex +")").addClass("target");
});
},function(){
$(".target").removeClass("target");
});
});

コメントを投稿

0 コメント