【javascript】jQueryを使わないで子孫要素探す方法

jQueryのfind()を使わないでjavascriptだけで子孫要素を探そうとしたときの備忘録

jQueryを使わないで子孫要素を探す方法

querySelector()を使って探す

<div class="parent">
	<div class="children">
		この子孫要素を取得したい
	</div>
</div>

<script>
var parent = [].slice.call(document.querySelectorAll(".parent"));
parent.forEach(elm => {
	console.log(elm.querySelector(".children"));
});
</script>

jQueryを使うとこう↓

jQuery(function($){
	$(".parent").each(function () {
		console.log($(this).find('.children'));
	});
});