javascriptのUncaught SyntaxError: Unexpected token {

Question

最近javascriptの勉強を始め、下記コードを書いても動かず、

$function(){
	$(".widgetselecterbtn").onclick(function(){
		var index = $(".widgetselecterbtn").index(this);
		$('.itemselected').addClass('hide');
		$('.itemselected').eq(index).removeClass('hide');
	});
});

デベロッパーツールで確認したところ、

Uncaught SyntaxError: Unexpected token 

となっており、動きません。

どなたか解決策をお教えいただけませんでしょうか？

Answer 1

エラーメッセージの右側にエラー箇所の表示が出ていると思いますので、そこをクリックして場所を確認しデバッグしましょう。
今回は、かっこ忘れです。

$(function(){
 ↑ここ

Answer 2

$function(){
    $(".widgetselecterbtn").onclick(function(){
        var index = $(".widgetselecterbtn").index(this);
        $('.itemselected').addClass('hide');
        $('.itemselected').eq(index).removeClass('hide');
    });
}); //<----- 最後の)が不要;

")"が一つ余計に入っていたようです。

Comments

[orange0190]

jqeuryが理解できていない

[think49]

jQuery理解もそうですが、括弧を外すだけでは SyntaxError が解消されませんよ…。

[退会済みユーザー]

ごめんなさいm(_ _)m