ページ内にある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タグできちんと記述した方が良いかと思いますが、リンク貼り忘れには良いですね。