jQuery what instead $(this).parent().children()

Just a quick example:

<p>
    <span class="example"></span>
    <input type="text" n开发者_JS百科ame="e_name" id="e_id />
</p>
<script type="text/javascript">
    $('input').click(function(){
        $(this).parent().children('span').text('Suprise!');
    }
</script>

What can I use instead parent().children()?

I think it's a bit inelegant piece of code. Is any function i.e : $(this).fun('span').text('just better'); ??

---

$(this).siblings('span').text('Suprise!');

---

$(this).siblings('span').text('Surprise!');

Would be the equivalent without traversing up the DOM and then back down (I mean, it still does it, but at least you're not doing it manually).

---

Slightly more elegant is .prev()

$(this).prev('span').text('Surprise!');

you can read more about it here: Prev

edit: read the markup backwards, prev is better, not next.

---

try this:

$(this).prev('span').text('Surprise!');

---

$("span.example",$(this).parent()).text('Suprise!');