如何为不同的元素获取不同的父类

How to get different parent class for different elements

本文关键字:获取 父类 元素      更新时间:2023-09-26

我得到了一个内容页,其中有一些文本是容器内的全宽文本。然而,我希望文章中的图像是全宽的(不是在容器内,而是在整个屏幕上,所以是100%宽),为此,容器类需要是"容器流体"。但只针对图片,而不是整篇文章。

这可能吗?

让文本听:"容器",图像听"容器流体"?我使用bootstrap,所以结构需要保持不变,我不能只在类名为"container fluid"的图像标记周围添加div。

我代码的一部分(不需要发布所有内容)

<div class="container relative">
    <div class="row">
        <!-- Content -->
        <div class="col-sm-12 ">
            <!-- Post -->
            <div class="blog-item mb-20 mb-xs-40">
                <!-- Text -->
                <div class="blog-item-body">
                    <!-- <h1 class="mt-0 font-alt"><?echo $contenti[0]['title']?></h1> -->
                    <? 
                        echo ContentCPS($contenti[0]['description']);
                        $content    = "SELECT * FROM `lb_categories` WHERE alias = '".$conn->real_escape_string($_GET['alias'])."' and id NOT IN ('43') ";
                        $contentcon = $conn->query($content);
                        while ($content = $contentcon->fetch_array()){
                            $article_images = $content['params']; // Get image parameters of the article
                            $pictures = json_decode($article_images); // Split the parameters apart
                            $afbeelding .= '<img src="cms/'.$pictures->{'image'}.'">';
                        }
                        echo $afbeelding;
                        echo $contenti[0]['introtext'];
                    ?>      
                </div>
                <!-- End Text -->
            </div>

因此,如果可能的话,图像需要听"容器流体相对",其余部分听"容器相对"。

您可以获得特定元素的直接父级:

$(this).closest("div.container");