jphase/regexYoutube.html

## regexYoutube.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>

	<div id="anothercontainer">
		<div>not me</div>
		<div>there's something http://www.youtube.com/watch?v=_-lT1oOU7b4 here</div>
		<div>but not here</div>
		<ul>
			<li>this has "has" in it</li>
			<li>some text https://youtu.be/_-lT1oOU7b4</li>
			<li>has this one?</li>
			<li>not this one</li>
		</ul>
	</div>
	<hr>Stuff below here is ignore because it's not in #anothercontainer<hr>
	<div id="container">
		<div>even though there's a has, it will only work with #anothercontainer</div>
		<ul>
			<li>has</li>
			<li>don't have</li>
		</ul>
	</div>

	<script>
		$(function() {
			// Return all youtube links from text content
			function youtubelinks(parent, children) {
				// Initialize
				var results = [];
				// Loop through youtube regular expressions array
				$.each($(parent).find(children), function(index, value) {
					// Match elements containg youtube urls
					var match = $(this).text().match(/(http:|https:)?\/\/(www\.)?(youtube.com|youtu.be)\/(watch)?(\?v=)?(\S+)?/);
					if(match != null) {
						// Add matched URL to results
						results.push(match);
					}
				});
				// Return our links
				return results;
			}

			// Get results example usage
			var ytlinks = youtubelinks('#anothercontainer', 'div, li');
			$.each(ytlinks, function(index, value) {
				console.log(value[0]);
			});
		});
	</script>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	</head>
	<body>

	<div id="anothercontainer">
	<div>not me</div>
	<div>there's something http://www.youtube.com/watch?v=_-lT1oOU7b4 here</div>
	<div>but not here</div>
	<ul>
	<li>this has "has" in it</li>
	<li>some text https://youtu.be/_-lT1oOU7b4</li>
	<li>has this one?</li>
	<li>not this one</li>
	</ul>
	</div>
	<hr>Stuff below here is ignore because it's not in #anothercontainer<hr>
	<div id="container">
	<div>even though there's a has, it will only work with #anothercontainer</div>
	<ul>
	<li>has</li>
	<li>don't have</li>
	</ul>
	</div>

	<script>
	$(function() {
	// Return all youtube links from text content
	function youtubelinks(parent, children) {
	// Initialize
	var results = [];
	// Loop through youtube regular expressions array
	$.each($(parent).find(children), function(index, value) {
	// Match elements containg youtube urls
	var match = $(this).text().match(/(http:\|https:)?\/\/(www\.)?(youtube.com\|youtu.be)\/(watch)?(\?v=)?(\S+)?/);
	if(match != null) {
	// Add matched URL to results
	results.push(match);
	}
	});
	// Return our links
	return results;
	}

	// Get results example usage
	var ytlinks = youtubelinks('#anothercontainer', 'div, li');
	$.each(ytlinks, function(index, value) {
	console.log(value[0]);
	});
	});
	</script>
	</body>
	</html>