使用jQuery在div具有特定类时向段落添加特定类

使用jQuery在div具有特定类时向段落添加特定类,jquery,Jquery,我有一个wordpress页面,其中我为每个帖子生成一个内容元素。为了测试,我创建了4篇文章,它们完美地生成了内容元素。在某些情况下,帖子中会出现一些图像。为此,我使用了一个可湿性粉剂滑块插件。滑块有时向左浮动,有时向右浮动。然后我必须以另一种方式浮动文本作为滑块 无论如何,我要做的是,当图像向右浮动时,文本向左浮动,反之亦然。我使用jQuery来实现这一点。但我在挣扎 if($('.blockcontent div').hasClass('slider-right')){ $('.bl

我有一个wordpress页面,其中我为每个帖子生成一个内容元素。为了测试,我创建了4篇文章,它们完美地生成了内容元素。在某些情况下,帖子中会出现一些图像。为此,我使用了一个可湿性粉剂滑块插件。滑块有时向左浮动,有时向右浮动。然后我必须以另一种方式浮动文本作为滑块

无论如何,我要做的是,当图像向右浮动时,文本向左浮动,反之亦然。我使用jQuery来实现这一点。但我在挣扎

if($('.blockcontent div').hasClass('slider-right')){
    $('.blockcontent p').removeClass('pright');
    $('.blockcontent p').addClass('pleft');
}

else if($('.blockcontent div').hasClass('slider-left')){
    $('.blockcontent p').removeClass('pleft');
    $('.blockcontent p').addClass('pright');
}

else{
    $('.blockcontent p').removeClass('pright');
    $('.blockcontent p').removeClass('pleft');
}
如果类
blockcontent
中的div向右浮动(
class=“slider right”
),则
p
应该有一个类将其向右浮动

问题是,每个段落都指向一个方向。原因是它需要将这个类添加到每个段落中,对吗?但是我不能将这个类只添加到这个div中

如果我可以静态地做,这不会是一个问题,但它必须是动态的

有什么诀窍或者可以给任何人一些提示吗

编辑:

在这里您可以看到我的HTML结构:

<div id="container">
    <div class="block">
        <h2>test1</h2>
        <br />
        <div class="blockcontent">
            <p>this is test 1</p><br />
        </div>
    </div>

    <div class="block">
        <h2>test2</h2>
        <br />
        <div class="blockcontent">
            <p>this is test 2</p><br />
            <div style="max-width: 700px;" class="metaslider metaslider-flex metaslider-21 ml-slider slider-left">
        </div>
    </div>
</div>

测试1

这是测试1


测试2
这是测试2


使用
find()
检查子元素并添加

类似如下:

$(".blockcontent div").each(function() {
   if($(this).hasClass('slider-right')){
      $(this).parent().find("p").removeClass('pright');
      $(this).parent().find("p").addClass('pleft');
    }

  else if($(this).hasClass('slider-left')){
      $(this).parent().find("p").removeClass('pleft');
      $(this).parent().find("p").addClass('pright');
   }
  else{
       $(this).parent().find("p").removeClass('pright');
       $(this).parent().find("p").removeClass('pleft');  
   }
});

$(.blockcontent p)
应该是
$('.blockcontent p')
吗?对不起,是我的错。我不知道为什么这不是问题。它在源代码中:)我以类似的方式进行了尝试。问题是,类
右滑块
不是
.blockcontent
的类。它是一类
.blockcontent div
。但是,
$(this.find(“p”)
将不再有效,因为
p
不是
.blockcontent div
的子项。我希望你能理解我的问题:)我添加了HTML结构,请看我的问题:)酷用
$(this.parent().find(“p”)
,否则你可以使用
。兄弟姐妹()
api:)也很有魅力。非常感谢:)