第一个文本内容的jQuery选择器

时间:2011-11-22 18:30:04

标签: javascript jquery jquery-selectors

是的,同意我应该从文档中弄清楚这一点,但不 - 我不能: - (

<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();

1 个答案:

答案 0 :(得分:2)

有时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!";