我有一个电子商务网站,该网站使用的主题是向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/