我有一个电子商务网站,该网站使用的主题是向div添加标签alpha和omega来帮助将代码应用于行IE alpha是行中的第一产品,omega是最后产品。

但是,我为在计时器过期时对其应用了myproduct-1类的产品添加了计时器。这会在产品中添加display: none !important样式。

我最初想在元素后的<br class="clear">后面添加标签<div class="omega">,如下所示:

$( ".omega" ).after("<br class='clear'/>" );效果很好

但是我发现,尽管通常我想在omega上执行此操作,但是当alpha隐藏时,我想将其添加到alpha中。不太确定如何检查并仅在正确的时间将其添加到omega。

这是其中一种产品的示例(它具有myproduct-1类和alpha):

<div class="myproducts-1 eight columns alpha thumbnail even" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">





  <a href="/collection/product" itemprop="url">
    <div class="relative product_image">
      <img />


        <span data-fancybox-href="#product-783878980" class="quick_shop ss-icon" data-gallery="product-783878980-gallery">
          +
        </span>

    </div>

    <div class="info">
      <span class="title" itemprop="name">Product</span>


        <span class="price " itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">



                <span itemprop="price">$ 27.00</span>



        </span>

<div id="productTimer-783878980" class="is-countdown"><div class="clearall"></div><div class="mySection"><div class="timerbox">00</div><div class="timerText">Days</div></div><div class="mySection"><div class="timerbox">00</div><div class="timerText">Hours</div></div><div class="mySection"><div class="timerbox">00</div><div class="timerText">Min</div></div><div class="mySection"><div class="timerbox">00</div><div class="timerText">Sec</div></div><div class="clearall"></div></div>

最佳答案

您可以尝试以下方法:

if($('.alpha').is(':hidden')) {
  $( ".alpha" ).after("<br class='clear'/>" );
} else {
  $( ".omega" ).after("<br class='clear'/>" );
}

关于jquery - jQuery After()除非,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30716095/

10-09 14:28