Question

所以我有这样的事情：

<article class="visible">
    <p class="p1">
        <span class="s1"> Home Fries $2.00</span>
    </p>
</article>

但有时价格可以是$45/$32（因此，两个选项由/分隔）。我已经弄清楚如何使用regExp（/([$]\w*(\/[$]\w*)?)/）来获得它。杀死我的是找到页面上的所有价格并将它们包装在具有特定类别的另一个跨度上。我知道我可以在jQuery上使用.wrap()，但我遇到的问题是finding部分。

请帮忙吗？

Answer 1

您可以轻松使用正则表达式查找目标文本。使用.html(function)更改元素的html。

$(".s1").html(function(i, html){
    return html.replace(/([$][\d\.]+)/g, "<span class='s2'>$1</span>");
});

.s1 { color: blue }
.s2 { color: red }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article class="visible">
    <p class="p1">
        <span class="s1"> Home Fries $2.00</span>
    </p>
</article>

JavaScript / jQuery RegExp，在一个范围内找到一些东西，增加了另一个范围

1 个答案: