jquery截取字符串中的数字

最新推荐文章于 2024-08-20 11:24:51 发布

原创最新推荐文章于 2024-08-20 11:24:51 发布 · 1.5w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用jQuery的方法来从HTML元素中提取纯数字，并应用于一个具体的例子：点击按钮时将span内的金额数字传递到输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery实现截取字符串中的数字

需求如：

<div class="weui-cell list">
        <div class="weui-cell__bd">奖励总额</div>
        <input type="text" placeholder="" id="price">
        <span>元</span>
    </div>
    <div class="prices">
        <span class=" weui-btn_mini weui-btn_default">50元</span>
        <span class=" weui-btn_mini weui-btn_default">100元</span>
        <span class=" weui-btn_mini weui-btn_default">300元</span>
        <span class=" weui-btn_mini weui-btn_default">500元</span>
    </div>

这里写图片描述

我只需要获取span中的数字即可，可用以下方法：

$('.prices span').click(function () {
        var price = parseInt($(this).text().replace(/[^0-9]/ig,""));//截取数字
//        console.log(price)
        $('#price').val(price);
    });

})