jQuery if条件与父样式attr

时间:2014-08-20 14:02:35

标签: javascript jquery html

我有这样的变种'关闭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 =&#34;标题左边&#34;)它的父母:它是否包括style =&#34; text-align:center&#34;或不?它可以用jQuery编写吗?如何?

3 个答案:

答案 0 :(得分:2)

是的,你可以:

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

如果您使用divcaption left的{​​{1}}个元素更少,请使用each方法:

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

答案 1 :(得分:1)

如果我理解正确,您想要访问父css属性。我会这样做的:

var styPar = $( ".caption.left" ).parent().css( "text-align" );

然后cheking:

if (styPar == "center")
{
   //Do your stuff
}

答案 2 :(得分:0)

主要问题是你究竟需要什么。使用jQuery:

if($('div.caption.left').parent().css('text-align') == 'center')

非常重要的是:你可以<p><p></p></p>。它会打破你的DOM。