Question

它类似于this topic但不起作用。

这是我的代码：

<span class="main_price">
   $50
</span>

<span class="option_price">
   <span class="option_price_value">
      $70
   </span>
</span>

默认情况下，“main_price”和“option_price”类可见，并且“option_price_value”类可见，其中包含选项。

现在，当“option_price_value”可见时，我正试图隐藏“main_price”。

更清楚，如果默认没有选项，则显示

<span class="main_price">
       $50
    </span>

    <span class="option_price">
    </span>

当可用的选项看起来应该是

<span class="main_price" style="display:none;">
       $50
    </span>

    <span class="option_price">
       <span class="option_price_value">
          $70
       </span>
    </span>

Answer 1

编辑包括jquery，我的小提琴正在运作。检查这个新版本：https://jsfiddle.net/cbbs2oms/3/

基本上检查选项范围内是否有任何文本，并且仅在没有选项值时显示主要价格。如果我误解了，请告诉我。

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
    some stuff,
    some stuff,
    overflow:hidden;   <---------
}

如果使用jQuery可以看到另一个span的子类，则隐藏类

1 个答案: