javascript - 如何在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 会返回

纽约市由 Edward Cunningham 添加

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

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

演示：小提琴

或者

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

演示：小提琴