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