javascript - 带有父样式属性的 jQuery if 条件

Question

我在 html p-container 中有这样的变体:

有时是这样:

<p style="text-align:center"><div class="caption left" style="width: 600px;"><img alt="Черный винил на капоте Фокуса - рельефный, его узор объемный" src="/ckeditor_assets/pictures/426/content_ydhrmn4ow-k.jpg" style="height:398px; width:600px" class="cboxElement"><p>dsf</p></div></p>

但有时是这样的:

<p><div class="caption left" style="width: 600px;"><img alt="Винил для некоторых владельцев авто - больше чем просто тюнинг" src="/ckeditor_assets/pictures/427/content_fbl-djoq5ka.jpg" style="height:441px; width:600px" class="cboxElement"><p>Винил для некоторых владельцев авто - больше чем просто тюнинг</p></div></p>

我所有的 javascript 代码都是针对 P-tag 中的第一个 div 的。

我可以检查它的父级 div (class="caption left"):它是否包含 style="text-align:center"吗？可以用 jQuery 写吗？如何？

Answer 1

是的，您可以:

if( $('.caption.left').parent().css( 'text-align' ) === 'left' ) {
    // do some things
}

如果您有几个带有 caption left 类的 div 元素，最好使用 each方法:

$( '.caption.left' ).each( function() {
    if( $( this ).parent().css( 'text-align' ) === 'left' ) {
        // some stuff
    }
});