title: How can I select the middle of three elements?
body: <p>I have three <code>&lt;li&gt;</code> tags in an <code>&lt;ul id="accordion"&gt;</code>. I now want to select the various items via jQuery.</p>
  
  <p>To select the first <code>&lt;li&gt;</code> item, we can use <code>$("#accordion li:first")</code>.</p>
  
  <p>To select the last <code>&lt;li&gt;</code> item, <code>$("#accordion li:last")</code> works</p>
  
  <p>How can I select the middle <code>&lt;li&gt;</code> element through a jQuery selector? There is no <code>:middle</code> pseudo-class that I could use here. </p>