Jquery After() 除非

Question

我有一个电子商务网站，它使用的主题是将标签 alpha 和 omega 添加到 div 以帮助为行应用代码，即 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>

Answer 1

你可以试试这个:

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