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

jQuery selector for first text content

本文关键字：jQuery 选择器 文本 第一个      更新时间：2023-09-26

是的，我同意我应该从文档中找出这一点，但是我不能:-(

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

有时候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!";
相关文章：