javascript – 如何只选择顶部元素文本?

前端之家收集整理的这篇文章主要介绍了javascript – 如何只选择顶部元素文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 HTML
<span class="price">
        $61.00
         <span class="detailFreeShipping">With Free Shipping</span>
    </span>

如何编写一个jquery选择器,只给我“$61.00”的价格文本?

我想让它尽可能通用,因为在某些情况下可能没有内部跨度,只有父内部.

解决方法

你可以这样做:
jQuery.fn.extend({
    textOnly: function() {
        // make a clone of this object so we are not changing the actual DOM
        var obj = $(this).clone();

        // remove all the children,i.e. any DOM objects
        obj.children().remove();

        // get the text value after all DOM elements are removed
        return obj.text();
    }
});

然后你就可以这样称呼它

var price = $(".price").textOnly();

你会得到你想要的价值.

原文链接:https://www.f2er.com/js/149901.html

猜你在找的JavaScript相关文章