如何在jQuery中选择一个类之后的第一个文本？

Question

这是我的HTML代码：

<figcaption class="thumbcaption">
    New York City
    <div class="picture-attribution">
        <img class="avatar" width="16" height="16" alt="Edward Cunningham" src="http://images1.wikia.nocookie.net/__cb2/common/avatars/thumb/7/79/3392047.png/20px-3392047.png">
            Added by <a href="/wiki/User:Edward_Cunningham">Edward Cunningham</a>
    /div>
</figcaption>

我需要选择出现的第一个文字 在 thumbcaption 类之后。在这种情况下， 文字将是：

  

纽约市

如果我$(".thumbcation").text()，jQuery返回

  

爱德华坎宁安新增纽约市

如何只选择第一个文字？ 我试过这个：

var text = $(".thumbcation").not(".picture-attribution");
alert($(text).text());

但这不起作用。

提前致谢！

Answer 1

您需要获取第一个文本节点的文本

var text = $.trim($(".thumbcaption").get(0).firstChild.nodeValue);
//var text = $.trim($(".thumbcaption")[0].firstChild.nodeValue);

演示：Fiddle

或

$.trim($(".thumbcaption").contents().first().text())

演示：Fiddle