jquery - 使用 jQuery 重新定位元素

Question

我的 HTML 中有:

Get <span class="geo_currency">$</span>50 on your next order...

我已经根据地理位置覆盖了货币(工作正常)，但对于某些货币，我需要重新定位货币，使其出现在数字之后，如

50<span class="geo_currency">kr</span>

请注意:

-如上所示的HTML是严格的；例如总是

<span class="geo_currency">$</span>someNumber

-号码中的位数可能会有所不同

- 数字后面总是有一个空格(我想这就是我们需要寻找的？)

非常感谢 - 有什么想法吗？

Answer 1

我知道这并不能完全回答您的问题，但也许您可以通过稍微更改 HTML 来使用伪元素解决这个特定问题:

Get <span class="geo_currency" data-currency="euro">50</span> on your next order.

像这样的 LESS:

span.geo_currency {
    &[data-currency="euro"]:after {
        content: "€";
    }
    &[data-currency="dollar"]:before {
        content: "$";
    }
}

或者，对于纯粹主义者来说，这个 CSS:

span.geo_currency[data-currency="euro"]:after {
    content: "€";
}
span.geo_currency[data-currency="dollar"]:before {
    content: "$";
}