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

Question

我得到了一个内容页面，其中包含一些在容器内全宽的文本。但是我希望文章中的图像是全宽的(不是在容器内而是在整个屏幕上，因此宽度为 100%)，为此容器类需要是“container-fluid”。但仅适用于图像而不适用于整篇文章。

这可能吗？

让文字听“容器”，让图像听“容器流体”？我正在使用 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>

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

Answer 1

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

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