title: Scrape Images, Links and Texts serially using Goutte
body: <p>I've the bellow code trying to take the <code>html</code> elements 1 by 1 serially include the tag it self without any <code>styles</code> and <code>classes</code>. Plus, i'm failing to get <code>images</code></p>
  
  <pre><code>    $client = new Client();
  
      $crawler = $client-&gt;request('GET', 'http://www.tutorialspoint.com/laravel/laravel_ajax.htm');
  
      $crawler-&gt;filter('h1, h2, h3, h4, h5, h6, p, pre, p &gt; img, div &gt; img, p &gt; a')-&gt;each(function(Crawler $node, $i){
          if ($node-&gt;filter('p')){
              echo $node-&gt;text()."&lt;br/&gt;";
  
          } else if ($node-&gt;filter('pre')) {
              echo '&lt;code&gt;'.$node-&gt;html().'&lt;/code&gt;&lt;br/&gt;';
          }
      });
  </code></pre>
  
  <p>But whatever I do, I'm either getting only texts when i use <code>$node-&gt;text()</code> or all html in that page when i use <code>$node-&gt;html()</code> in that page.</p>
  
  <p>I'm trying to get for example <code>p</code> - <code>&lt;p&gt;Text Here&lt;/p&gt;</code>.  <code>img</code> - <code>&lt;img src="default.jp"/&gt;</code>.</p>