jquery ajax load not understanding a certain element

Question

I have:

$(document).ready(function() {
  $('#newslinks a').click(function() {
     var url=$(this).attr('href');
     $('#headlines').load(url + ' #newsItem');
     return false;
  }); //end click
}); // end ready



<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>Missing<br>Manual</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>News Headlines</h1>
      <ul id="newslinks">
        <li><a href="today.html">Today&#8217;s News</a></li>
        <li><a href="yesterday.html">Yesterday&#8217;s News</a></li>
        <li><a href="lastweek.html">Last Week&#8217;s News</a></li>
      </ul>
      <div id="headlines"></div>
    </div>
  </div>
  <div class="footer">
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
  </div>
</div>

The part that I don't get is in here:

$('#headlines').load(url + ' #newsItem');

What exactly does #newsItem do here?

Did you read the documentation?

Jason P
– Jason P

2014-01-27 23:06:22 +00:00
Commented Jan 27, 2014 at 23:06 — Jason P
– Jason P, Commented Jan 27, 2014 at 23:06

tymeJV · Accepted Answer · 2014-01-27 23:08:43Z

1

The selector inside load after the URL will load that specific element's content into your target element. $('#headlines').load(url + ' #newsItem'); loads the URL, then within, finds #newsItem, and loads that content into #headlines

answered Jan 27, 2014 at 23:08

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery ajax load not understanding a certain element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related