如果父类存在，则jQuery追加span

Question

这是我的目标：

如果任何父<li>有outofstock个分组，我想在<span>内.inner_product_header后追加onsale。

我的代码：

HTML：

<ul class="products">
<li class="product outofstock"> <a href="#">
    Test text description
        <div class="inner_product_header">
            <span class="onsale">On Sale</span>
        </div>
    </a>

</li>
<li class="product"> <a href="#">
    Test text description
    <div class="inner_product_header">
            <span class="onsale">On Sale</span>
        </div>
    </a>

</li>
</ul>

JS：

$(function() {

    if ( $( 'ul.products li.product' ).hasClass( 'outofstock' ) ) {

    $(this).children('.inner_product_header').append('<span class="itscomingsoon">Coming Soon</span>');

}

});

这是我的jsFiddle，带有样式以查看块：http://jsfiddle.net/8szFV/4/

我不知道我哪里出错了。有什么想法吗？

Answer 1

在您的代码中，您使用的是$(this)，但您不在事件处理程序或绑定.each()的{​​{1}}循环中。

但是你可以用一条线来完成所有工作。

this

DEMO