Jquery next selector next() question
<pre><code>+----------------------------------------------------------------------+
| this is div .content                                                 |
|                                                                      |
|              +----------------+                                      |
|              | .left_content  |                                      | 
|              | input inside   |                                      |             
|              +----------------+                                      |
|                                                                      |
|                                                                      |
|                                                      +------------+  |
|                                                      |     span   |  |
|                                                      +------------+  |
|                                                                      |
+----------------------------------------------------------------------+
</code></pre>

<p>Hello all, I'm trying to access the span element with jquery but I have some kind of error, here is the deal <code>.content</code> is main div , <code>.left_content</code> div is inside it and <code>span</code> is inside <code>.content</code> but outside <code>.left_content</code>. </p>

<p>Now I can easily access <code>span</code> by using <code>.content span</code>, but since .content, .left_content and span are repeating throughout the website I want to access these elements by clicking on the <code>input inside .left_content div</code>.</p>

<p>So finally I come to my question (from input inside .left_content perspective), how to get div <code>.content</code> , <code>.left_content</code> and <code>span</code> selected?</p>

<p>So far what I've only managed to do is to get <code>.left_content</code> selector by using <code>$(this)parent('div:first')</code></p>
