jqueryとjavascrip

jqueryで使われる$(".A",$(".B"))というセレクタをjavascriptでだけで表すにはどうすればいいですか？

もう少し詳しくすると

<div class="A">
 <button class="B" type="button"></div>
 <button class="C" type="button"></div>
 <button class="D" type="button"></div>
</div>

というスクリプトがあった場合、classBのボタンをクリックするには
jqueryを使えば$(".A",$(".B")).click()で
クリックすることができますが

javascriptだけを使った場合ではどのようにすれば実行できますか？

naomi3

2016/10/23 05:22

div要素にtype属性はないので、input要素の間違いではないですか？

kei344

2016/10/23 05:44

閉じタグが合致しません。また、$(".A",$(".B")).click()は上記HTMLではクリック動作が起こりません。

naomi3

2016/10/23 07:15

ご希望はクリックイベントを発火させたいのですか？クリックイベントを受け取って処理を行いたいのですか？

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

回答3件

HTML, JavaScript コードがまともに動かないので、エスパー回答ですが…。

jQueryとDOM - JSFiddle

HTML
1<div class="A">
2 <button class="B" type="button">B</button>
3 <button class="C" type="button">C</button>
4 <button class="D" type="button">D</button>
5</div>
6
7<script>
8'use strict';
9jQuery('.A').on('click', '.B', function (event) {
10  console.log(event.currentTarget);
11});
12
13document.querySelector('.A').addEventListener('click', function (event) {
14  var target = event.target;
15
16  if (!target.classList.contains(('B'))) {
17    return;
18  }
19
20  console.log(target);
21}, false);
22</script>

実際に動いたコードを質問文に追記することをお勧めします。
逆に感覚的に書いて動きそうなコードを掲示するのは建設的ではないですね。

Re: yuichinkmr さん

投稿2016/10/23 14:52

think49

総合スコア18162

".A .B"
ではないのでしょうか?

投稿2016/10/23 14:24

yambejp

総合スコア114814

$( '.B' ).click(); の代替。

JavaScript
1document.querySelector( '.B' ).dispatchEvent( new MouseEvent( 'click', { bubbles: true } ) );
2```**動くサンプル：**[https://jsfiddle.net/dtxsvgfj/1/](https://jsfiddle.net/dtxsvgfj/1/)
3
4---
5
6
7【CustomEvent | Ginpen.com】
8[http://ginpen.com/tag/customevent/](http://ginpen.com/tag/customevent/)
9
10【MouseEvent - Web APIs | MDN】
11[https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
12
13（ここから少し古いIEへの対応のコード）
14
15【javascriptのカスタムイベントを作ろう！ - tumblr】
16[http://shim0mura.hatenadiary.jp/entry/20111224/1324735206](http://shim0mura.hatenadiary.jp/entry/20111224/1324735206)
17
18【How to trigger event in JavaScript? - Stack Overflow】
19[http://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript](http://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript)