前後の「＋」の意味は？

解決済

質問者：pileny
質問日時：2011/01/21 18:08
回答数：3件

タブパネルを作成する以下のコードで分からない個所があります。
実際のページは→（http://editors.ascii.jp/m-kobashigawa/jqsample/c …）

$(function(){
$("ul.panel li:not("+$("ul.tab li a.selected").attr("href")+")").hide();
$("ul.tab li a").click(function(){
$("ul.tab li a").removeClass("selected");
$(this).addClass("selected");
$("ul.panel li").hide();
$($(this).attr("href")).show();
return false;
});
});

分からないのは２行目の ("+$("ul.tab li a.selected").attr("href")+") です。

＋（プラス）が前後に付いていますが、これがどういう意味なのか分かりません・・・

どうかご指南お願いいたします！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： shiren2
回答日時：2011/01/21 18:44

分解してみますと、こうですね。

$(
　　"ul.panel li:not("
　　+
　　$("ul.tab li a.selected").attr("href")
　　+
　　")"
).hide();

以下の文と同じです。

var href = $("ul.tab li a.selected").attr("href");
var e = "ul.panel li:not(" + href + ")";
$(e).hide();

- 0
- 件

通報する

この回答へのお礼

再度のご回答感謝いたします！

初心者なもので、もう少し質問してもよろしいでしょうか・・・？

まず教えていただいた１行目の、「var href = $("ul.tab li a.selected").attr("href");」ですが、

ulタグのtabクラスのli aタグのselectedクラスのhref属性を取得し
変数hrefに代入するということですよね。
初期設定では、#tab1にselectedがありますので変数href＝#tab1になる、
という理解で宜しいでしょうか。

それで２行目の「var e = "ul.panel li:not(" + href + ")";」ですが

ulタグのpanelクラスのliタグの中で変数href（＝#tab1）の無いものを
変数eに代入するという理解で宜しいでしょうか。

そして３行目の「$(e).hide();」では

#tab1以外のpanel（#tab2から5）の消去を命令するということだと思うんですが
２行目で＋をつけていますが、＋を書かずにhrefだけではダメなのでしょうか？

やはり＋の有無がどう作用するのかがきちんと理解できません・・・

通報する

お礼日時：2011/01/21 20:41

No.3

回答者： shiren2
回答日時：2011/01/21 22:20

引数が文字列ということは理解されてますか。

href属性は文字列ですよね。
＞var href = $("ul.tab li a.selected").attr("href");

そしてその前後もダブルクォートで囲われているので文字列です。
＞var e = "ul.panel li:not(" + href + ")";

＞＋を書かずにhrefだけではダメなのでしょうか？
var str = "AAA" + "BBB";
alert(str);

こう書けば、その結果は"AAABBB"になります。
"AAA" "BBB"と書けば、構文エラーが出ますね。
プログラム（インタプリタ）は、「二つの連続した文字列をどう処理したらいいかわからない」からです。
そこで+演算子を書いて、「この二つの文字列は連結してください」と伝えます。

実行部分の動作はほぼ合っていると思います（変数eはただの文字列ですが…。セレクターに渡すことで初めてオブジェクトになります $(e)）。