selecting spans in a div
selecting spans in a div
Being relatively new to javascript/jquery I cannot figure out why the following code does not work. I am reading through a tutorial and this is holding me up. I am trying to select all spans with a class of title summary in the div id main. Below I included just one episode but there are usually 14 or so.
My code:
-
$(document).ready(function() {
$episodes=$("#main .title summary");
var oner=$episodes.get(0);
alert($episodes.get(0));
});
The html:
-
<div id="main">
<dl class="aired vevent">
<dt title="Click to view this episode's details" class="odd no-js">
<span class="nr">1</span>
<span class="seen"> </span>
<span class="title summary">Pilot</span>
<span class="ratings s0">
<span class="one"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/1/" title="1 Star">1</a></span>
<span class="two"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/2/" title="2 Stars">2</a></span>
<span class="three"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/3/" title="3 Stars">3</a></span>
<span class="four"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/4/" title="4 Stars">4</a></span>
<span class="five"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/5/" title="5 Stars">5</a></span>
</span>
<span class="nosubs"> </span>
</dt>
<dd class="ep">
<p class="description">Michael Westen, a spy, is "burned" while on assignment in Nigeria. Spies are not fired; they're issued a burn notice to let the agent know their services are no longer required. Dumped in his Miami hometown with no money or resources to his name, Michael agrees to help a man accused of stealing valuable pieces of art and jewelry.</p>
<p class="more_info">Average Episode Rating: <span class="ep_score">4.5</span> | <span class="airdate">Air Date: <span class="dtstart" title="2007-06-28">2007-06-28</span></span></p>
<div class="options">
<p class="pleft">
<span class="mark"><a class="ajax_mark_unseen" href="/mark/unseen/burnnotice/1/1/">Mark as Unseen</a></span>
<span class="mark"><a class="ajax_add_subs" href="/add/subtitles/burnnotice/1/1/">Add Subtitles</a></span>
<a href="#TB_inline?a=a&height=350&width=400&inlineId=info" class="thickbox" title="Adding and Removing Subtitles">(?)</a>
</p>
<p class="pright">
<a class="download new-window" href="/torrents/burnnotice/1/1/">Download</a> | <a class="delete ajax_delete_episode" href="/delete/episode/burnnotice/1/1/">Delete</a>
</p>
</div>
</dd>
</dl>
</div>
[/code]