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