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

Question

我有一个内容页面，其中包含一些在容器内全宽的文本。但是我希望文章中的图像是全宽的（不是在容器内，而是在整个屏幕上，所以是 100% 宽度），为此容器类需要是“容器流体”。但仅适用于图片，而不适用于整篇文章。

这可能吗？

让文本听：'container' 和图像听'container-fluid'？我正在使用引导程序，因此结构需要保持不变，我不能只在类名为“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>

所以如果可能的话，图像需要听“container-fluid relative”，其余的听“container relative”。

Answer 1

您可以获取特定元素的直接父级：

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