eachの部分でうまく動作してくれません

前提・実現したいこと

ここに質問の内容を詳しく書いてください。

javascriptの初心者です。
ons-buttonを押すと音が出るプログラムを作成しています。
console.log()で動作を確認中ですが、エラーが出る部分のどこが悪いのかわかりません。
エラーは以下の通りです。
ログには function は表示されますが、ons-button each が表示されずにエラーが出ます。

$('ons-button').each(function() {
});
の部分が文法的におかしいのでしょうか？

発生している問題・エラーメッセージ

Uncaught TypeError: ((w.event.special[a.origType] || {}).handle || a.handler).apply is not a function

該当のソースコード


$(function() {
  console.log('function');
  $('ons-button').each(function() {
    console.log('ons-button each');
    $(this).click(function() {
      console.log('ons-button click');
      checkplay(this.name);
    });
  });

  function checkplay(str) {
    console.log('checkplay');
    $('audio').each(function() {
      if ($(this).hasClass(str)) {
        $(this).get(0).play();
        return false;
      }
    });
  }
});

試したこと

consolo.log()で動作を少しずつ確認しました。

補足情報（FW/ツールのバージョンなど）

jQueryは以下のバージョンです。

よろしくお願いします。

defghi1977

2018/03/18 21:55

当該HTML部の提示と, タグとしてjQueryの追加をお願いいたします.

moonYong

2018/03/19 08:51 編集

<ons-button name="0_001">あ</ons-button> タグとしてjQueryを追加するにはどうしたらよいでしょうか？

defghi1977

2018/03/19 08:55

それはとても重要な内容ですから, 質問に追記して下さい. HayatoKamonoさんが誤った前提での回答をなさっています.

moonYong

2018/03/19 08:59

お返事ありがとうございます。ons-buttonはonsenUIのコンポーネントです。

Lhankor_Mhy

2018/03/19 11:43

$('ons-button') は何を返しますか？

moonYong

2018/03/19 20:17

function index.html:30

moonYong

2018/03/19 20:19

w.fn.init(0) length : 0 prevObject : w.fn.init [document] __proto__ : Object(0) がログに表示されました。

Lhankor_Mhy

2018/03/20 03:23

length が 0 ということは、要素を取得できていないということだと思うのですが、それだけではご提示のようなエラーメッセージは出ないように思います。

行動規範の内容に同意します

回答2件

$('ons-button').each(function() {
});

ons-buttonがクラスなのであれば、$('ons-button')ではなく、$('.ons-button')ですね。

デバッグ時にconsole.log($('ons-button'))のように対象のエレメントが取得出来ているかを調べてみると良かったかもしれません。

投稿2018/03/18 23:14

編集2018/03/19 09:10

HayatoKamono

総合スコア2415

moonYong

2018/03/19 08:58

お返事ありがとうございます。 ons-button はクラスではないようです。 onsenUIというコンポーネントのひとつです。 buttonと同じように扱えるのではないでしょうか。 console.log($('.ons-button'));を記述してみましたが、この部分で先と同じエラーが出ています。