実現したい内容はクリックされたサムネイルのsrcを受け取って再度別のスペースに拡大表示する、というものです。以下のように記述してみましたが、動作しません。.click以外の処理ではthisで処理ができています。
$("#gallery li").click(function(){
var select_src = $("this").attr("src");
$("#display-spc").after("<img height='480px' src='" + select_src + "' />");
});
jQueryの記述方法で、クリックされた画像のsrcを取得する記述を教えてください。
(function($){
jQuery(document).ready( function() {
// $("#gallery li img").click(function(){
$("#gallery li").click(function(){
// var select_src = $("this").attr("src");
var select_src = $(this).attr("src");
$("#display-spc").after("");
});
});
})(jQuery);
です。
上記コメントが修正2箇所です。
1)サムネイルはliタグではなく、さらにその下のimgタグ(ですよね?)
2)thisは文字列ではないので、ダブルクォートを削除
また単純な思い込みでした。"this"はここでの入力ミスとわかりましたが、li imgが頭をかすりもしませんでした。
ありがとうございました。