jqueryでhtml要素の比較

お世話になります。

jqueryでその要素がinputまたはselect要素なのかを比較したいときの方法がわからないので、教えていただきたいです。

javascript
1$('input,select').on('change keyup keydown',function() {
2  console.log(this)
3
4  //ここでif文を使いinputとselectで処理を分けたいと思っています。
5});

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

回答1件

ベストアンサー

サンプル

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<form action="">
9			<select name="" id="">
10				<option value="1">1</option>
11				<option value="2">2</option>
12				<option value="3">3</option>
13			</select>
14			<input type="text" />
15		</form>
16		<script type="text/javascript" src="//code.jquery.com/jquery-2.2.4.min.js"></script>
17		<script>
18			$('input,select').on('change keyup keydown', function () {
19				switch (this.tagName.toLowerCase()) {
20					case 'input':
21						alert(this.tagName);
22						break;
23					case 'select':
24						alert(this.tagName);
25						break;
26				}
27			});
28		</script>
29	</body>
30</html>

投稿2016/09/20 02:31

退会済みユーザー

総合スコア0

S.T

2016/09/20 02:57

やりたかったことそのままです！ありがとうございますm(_ _)m

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する