jquery - ページはめ込み画像リンクを検出し、jQueryで表示します

Question

post-contentクラスの要素が画像であるかどうかをjQueryに検出させ、その画像をページに表示するための最良の方法は何でしょうか。私はこれをBBCodeで何度も行ってきましたが、ユーザーにとってより簡単にしたいと思っています。リンクを貼り付けるだけで、システムはそこから始まります。

            $comments = $posts_row['post_content'];

            $m = preg_match_all( "/(http|https)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/", $comment, $match);

            if ($m) {
                 $links = $match[0];
                 foreach($links as $link) {
                 $extension = strtolower(trim(@end(explode(".",$link))));
                 switch($extension) {
                 case 'gif':
                 case 'png':
                 case 'jpg':
                 case 'jpeg':
                   $comment = str_replace($link, '<img src="'.$link.'">', $comment);       
                 break;
                 default:
                 $comment = str_replace($link, '<a rel="nofollow" href="'.$link.'">'.$link.'</a>', $comment);
                 break;
                 }
              }
            }

Answer 1

これを試して：

$('.post-content').find('img').show()