title: Get href value of itemprop with JQuery
body: <p>I am trying to get all the <code>href</code> values having <code>itemprop="url"</code>, inside <code>main</code> div</p>
  
  <p>HTML :
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="main"&gt;
      &lt;div class="list_item odd" itemscope="" itemtype="http://schema.org/Movie"&gt;
          &lt;div class="overview-top"&gt;
              &lt;h4 itemprop="name"&gt;&lt;a href="example.com/hello1" itemprop="url"&gt; Hello 1&lt;/a&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="list_item even" itemscope="" itemtype="http://schema.org/Movie"&gt;
          &lt;div class="overview-top"&gt;
              &lt;h4 itemprop="name"&gt;&lt;a href="example.com/hello2" itemprop="url"&gt; Hello 2&lt;/a&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>JQuery :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(('meta[itemprop="url"]'), '#main').each(function(){
    var url = $(this).attr('href');
    console.log (url);
  });</code></pre>
  </div>
  </div>
  </p>