Question

My jquery looks like this

$('#content a[href*="Something"]')

and returns this

[<a href="Something1">blah</a>,
 <a href="Something2">blah</a>,
 <a href="Something3">blah</a>,
 <a href="Something4">blah</a>]

I’m trying to use :first to get the first element.

$('#content a[href*="Something"]:first')

But it’s not working. The #content part seems to be causing a problem. How can I fix this without removing #content?

Edit: my html

<div id="content>
  <a href="Something1">blah</a>
  <a href="Something2">blah</a>
  <a href="Something3">blah</a>
  <a href="Something4">blah</a>
</div>

Answer 1

I’m not sure why :first isn’t working for you, it works for me in similar situations, but if nothing else works, try using filter() instead:

$('#content a[href*="Something"]').filter(':first')