ページ内にあるURL（http、httpsから始まる文字）をjQueryを使ってリンク化

ページ内にあるURL（http、httpsから始まる文字）をリンク化（href）します

1．とCSSの記述例

<style>
.clWrapSub{
	width:500px;
	margin:0 auto;
	text-align:left;
}
</style>

2．読込むJsファイルとJavaScriptの記述例

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
	$('body').html($('body').html().replace(exp,"<a href='$1' target='_blank'>$1</a>"));
});
</script>

3．HTMLの記述例

<div class="clWrapSub">


<ul>

 	<li class="cat-item cat-item-36">https://dad-union.com/category/css</li>


 	<li class="cat-item cat-item-2">https://dad-union.com/category/javascript</li>


 	<li class="cat-item cat-item-3">https://dad-union.com/category/jquery</li>


 	<li class="cat-item cat-item-53">https://dad-union.com/category/php</li>

</ul>


</div>
<!--/clWrapSub-->

ページ内にあるリンク（http、httpsから始まる文字）をリンク化するデモ

ページ内のURLはaタグできちんと記述した方が良いかと思いますが、リンク貼り忘れには良いですね。