jQuery addClass 或包裹在元素不太可能的部分

Question

我真的很讨厌我的购物车的设置方式，因为我无法编辑大部分页面。所以我求助于使用 jQuery，这既有趣又令人沮丧，因为我们必须使用太多它。话虽这么说..我正在尝试通过 jQuery 找到一种方法来专门针对两种情况的价格添加一个类。不幸的是，价格没有设置为专门为其添加一个类(我无法理解为什么我的购物车会这样做!)。任何帮助将不胜感激!

更新:也许我需要使用wrap()方法来包装价格并给它一个类？

<-- Situation 1 -->
<b>
  <font class="text colors_text">
  <b>Regular Price: </b>
  </font>
   $2,533.31
</b> 

<-- Situation 2 -->
<b>
  <span class="exclusive">Exclusive Price:</span>
  <font class="pricecolor colors_productprice">$2,343.30</font>
</b>

我不会详细解释为什么我需要为这些价格添加一个类，因为类名后面有很多内容，可以使页面的大部分内容正确呈现。每种情况的类名应该相同。情况 2 我可能可以轻松处理 $('.exclusive').next('font').addClass('priceis') 但情况 1 相当困难。

Answer 1

对于情况一，你可以这样做:

var font = $(".text");//get the font tag
$(font.get(0).nextSibling).wrap('<span class="priceis" />'); 
//wrap it's next sibling inside a span

这会在所需类别的价格周围添加一个跨度