【问题标题】：Display of DIV according to data received from another page根据从另一页接收的数据显示 DIV
【发布时间】：2014-08-22 14:41:40
【问题描述】：

我有什么

我有两个页面，“home”和“grupo”。在“home”中存在 3 个大 DIVS，不同公司的链接发送到同一页面，“grupo”。在“grupo”中，我有 4 个 div，其中 3 个是隐藏的，第一个是可见的。

我的代码

查看/Home.blade.php

<a href="grupo" title="Bignardi Papéis">
    <div class="pure-u-6-24" id="primeiraEmpresa">
        <img src="assets/images/front/home/bignardi-papeis.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
        <p class="textoEmpresa"><?php echo $paginaInicial->textochamadabignardi;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

<a href="grupo" title="Jandaia">
    <div class="pure-u-6-24">
        <img src="assets/images/front/home/logo-jandaia.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
       <p class="textoEmpresa"><?php echo $paginaInicial->textochamadajandaia;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

<a href="grupo" title="Jandaia Atacado de Papelaria">
    <div class="pure-u-6-24">
        <img src="assets/images/front/home/logo-jandaia-atacado.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
        <p class="textoEmpresa"><?php echo $paginaInicial->textochamadaatacadao;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

查看/Grupo.blade.php

<div id="content0" class="pure-g show empresasjavascript">
    <div class="pure-u-16-24 textoEmpresa">
        {{$grupo->texto}}
        <div class="pure-g-">
            <div class="pure-u-1 linkExterno">
                <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
            </div>
        </div>
    </div>
    <div class="pure-u-8-24 pure-u-sm-8-24">
        <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
    </div>
</div>

<div id="content1" class="pure-g hide empresasjavascript">
        <div class="pure-u-16-24 textoEmpresa">
            {{$grupo->texto}}
            <div class="pure-g-">
                <div class="pure-u-1 linkExterno">
                    <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                </div>
            </div>
        </div>
        <div class="pure-u-8-24 pure-u-sm-8-24">
            <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
        </div>
 </div>

<div id="content3" class="pure-g hide empresasjavascript">
            <div class="pure-u-16-24 textoEmpresa">
                {{$grupo->texto}}
                <div class="pure-g-">
                    <div class="pure-u-1 linkExterno">
                        <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                    </div>
                </div>
            </div>
            <div class="pure-u-8-24 pure-u-sm-8-24">
                <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
            </div>
 </div>

<div id="content4" class="pure-g hide empresasjavascript">
            <div class="pure-u-16-24 textoEmpresa">
                {{$grupo->texto}}
                <div class="pure-g-">
                    <div class="pure-u-1 linkExterno">
                        <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                    </div>
                </div>
            </div>
            <div class="pure-u-8-24 pure-u-sm-8-24">
                <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
            </div>
 </div>

我想要什么

我不想想用PHP，但是Javascript。我举个例子：当我点击链接（在视图“主页）”标题='Jandaia'（第二个链接）我希望页面“Grupo”不显示类“content0”但“content1”的de div，更改类“隐藏”去“展示”。

【问题讨论】：

到目前为止你有什么？发送查询变量并在第二页中分析它或通过 ajax 加载第二页似乎都是可能的解决方案。
@jeroen 是的，这就是想法。但是我的知识 op ajax 是不存在的。
这里的人愿意帮助你解决具体问题，但我怀疑有人会为你编写代码，你应该自己开始。

标签： javascript php laravel yui-pure-css

【解决方案1】：

如果您不是先将所有内容呈现到页面上并隐藏它，而是使用 Ajax 之类的东西，这将成为一个更微不足道的问题。它遵循以下原则：

识别用户点击的链接
Ajax 参数到某个资源端点，可以根据参数检索您想要的信息
接收ajax调用的端点应提供可显示的数据结果
在结果容器中显示结果

在 JS 代码方面，使用 jQuery，您可以按照以下方式做一些事情：

var identificator = $('a').attr('id');
$.ajax({
  type: "POST",
  url: "get-data.php",
  data: { data: identificator }
})
.done(function(response) {
 $('div#response-container').html(response);
});

【讨论】：