使用jQuery在HTML标记外部提取文本

Question

假设我有以下标记： <a href="#">My Link <span>And More</span></a> 如何在没有My Link的内容的情况下仅使用jQuery提取<span>？

Answer 1

使用nodeType：

过滤掉它

var txt = $('a').contents().filter(function(){
    return this.nodeType === 3;
}).text();

-DEMO-

Answer 2

来自：https://javahelpworld.wordpress.com/2014/04/14/jquery-get-the-text-of-element-without-child-element/

jQuery.fn.justtext = function() {

    return $(this)  .clone()
            .children()
            .remove()
            .end()
            .text();

};

$('a').justtext(); //call like this for any element

Answer 3

var txt1 = $('a').text();
var txt2 = $('a').children().text();
var ret = txt1.slice(0, txt1.indexOf(txt2));
console.log(ret);

Answer 4

var htmlTags = '<span class="prinse-txt">This is my test text</span>';
var textFromHtmlTags = $(htmlTags).text()