Image Source Regex

by ethan_selzer

HTML

<div class="site-header">
<div id="fb-root" class="ember-view"></div>
<div class="fixed-width header-first">
  <div class="bd">
    <a href="/events#all" data-name="logo">
        <img class="header-logo" src="http://www.hautelook.com/hl-ember/images/hautelook-logo.png?v2" alt="HauteLook" width="186" height="40">
    </a>
    <span class="secondary-nav">

      <script id="metamorph-1076-start" type="text/x-placeholder"></script>
        <a href="/orders" class="hello-member" data-name="hello-member">Hello, <script id="metamorph-1608-start" type="text/x-placeholder"></script><script id="metamorph-1608-end" type="text/x-placeholder"></script></a>
        <span class="sep ib"></span>

        <span id="ember3473" class="ember-view account-menu-view">

          <a href="/orders" data-ember-action="581">
            Account <span class="caret"></span>
          </a>

          <div id="ember3474" class="ember-view" style="position: absolute; z-index: 50; top: 59px; left: 766px; display: none;">
            <ul class="account-menu menu-box-shadow">
              <li><a href="/orders">Orders</a></li>
              <li><a href="/returns">Returns</a></li>
              <li><a href="/invites">Invites</a></li>
              <li><a href="/credit">Credit</a></li>
              <li><a href="/shipping">Shipping &amp; Payment</a></li>
              <li><a href="/account">Profile</a></li>
              <li><span class="hr"></span></li>
              <li><a href="/logout" class="last">Sign Out</a></li>
            </ul>
          </div>

        </span>

        <span class="sep ib"></span>
        <a href="/support" data-name="help">Help</a>
        <span class="sep ib"></span>
        <a data-ember-action="582" href="/invites" class="colored js-iaf-open-button" id="invite-a-friend-button">Invite a Friend, Get $10</a>
      <script id="metamorph-1076-end" type="text/x-placeholder"></script>

    </span>
  </div>
</div>

<div class="fixed-width header-second">
  <div...

JavaScript

var imgSrcPattern = /<img.*?src=["']?(.*?)["'\s].*?>/i;
var html = $( '.site-header' ).html();
console.log( 
    'first image src attribute value:', 
    imgSrcPattern.exec( html )[ 1 ] 
);