Селектор jQuery для первого текстового контента

Question

да, согласен, я должен был это выяснить из документа, но нет - я не мог: - (

<div id="jalla">
    <span>
        <span class="ui-btn-text">
            I need this text
            <span class="ui-collapsible-heading-status">
                click to collapse contents
            </span>
        </span>
    <span>
</div>

Как просто выделить (и обновить) текст «Мне нужен этот текст». Это одна из вещей, которые я пробовал:

notWorking = $('.ui-btn-text').text();

Answer 1

Иногда jQuery не самый лучший ответ.В этом случае HTML DOM облегчает задачу.

var span = document.querySelector('.ui-btn-text'); // first item with this class
var text = span.childNodes[0];                     // an actual text node
text.nodeValue = "Changed!"                        // done!

Видно в действии: http://jsfiddle.net/C7Q6K/

Редактировать : для старых браузеровВы можете использовать jQuery для получения самого span:

var span = $('.ui-btn-text')[0];  // get the DOM element, not the jQuery object
span.childNodes[0].nodeValue = "Changed!";