jQuery その他

jQueryのその他機能をまとめます。

配列存在確認

配列の存在確認を行う場合、$.inArrayメソッドを使用します。以下のように使用します。

$.inArray(検索データ, 配列)・・・戻り値にインデックス(存在しない場合、-1)

				
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Hello World</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
	$(function() {
		var ary = ["aaa", "bbb", "ccc"];
		var str = "";
		if($.inArray("aaa", ary) != -1){
			str += "Hello "
		}
		if($.inArray("abc", ary) == -1){
			str += "World!!"
		}
		$("#test").html(str);
	});
</script>
</head>
<body>
	<div id="test"></div>
</body>
</html>

実行イメージ

自分自身のタグを取得

.prop("tagName")で自分自身のタグ名を取得することが出来ます。

				
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>jQuery Test</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript">
		function show() {
			alert($("#btn").prop("tagName") + "-" + $("#btn2").prop("tagName"));
		}
	</script>
</head>
<body>
	<input id="btn" type="button" value="テスト" onclick="show()" />
	<button id="btn2">テスト２</button>
</body>
</html>

実行イメージ

ページのトップへ戻る