Question

我有一个内容页面，里面有一些文本，它是容器内的全宽。但是我希望文章中的图像是全宽的（不是在容器内部，而是在整个屏幕上，所以100％宽度），为此容器类需要是容器流体＆＃39;。但仅限于图像，而不是整篇文章。

这可能吗？

让文字倾听：＆＃39;容器＆＃39;和图像到容器流体＆＃39;？我使用bootstrap，所以结构需要保持不变，我不能只在图像标签周围添加一个带有类名称＆＃39; container-fluid＆＃39;。

我的部分代码（不需要发布所有内容）

<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>

因此，如果可能的话，图像需要收听“容器 - 流体相对”，其余部分需要收听“容器 - 相对容器”。

Answer 1

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

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

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

1 个答案: