第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

僅顯示當(dāng)前選擇性 div 并使用 jquery 隱藏其他 div

僅顯示當(dāng)前選擇性 div 并使用 jquery 隱藏其他 div

婷婷同學(xué)_ 2024-01-22 15:29:45
我有兩個(gè) div [一個(gè)在上 | 第二個(gè)較低]。兩者都可以從數(shù)據(jù)庫中獲取數(shù)據(jù)并制作相應(yīng)數(shù)量的 div。下層 div 默認(rèn)隱藏。我想在單擊上部 div 時(shí)顯示下部 div。我制作的 jquery 代碼在這里。需要你的幫助。筆記。僅顯示當(dāng)前活動(dòng)的下級 div。所有其他較低的 div 必須隱藏。去做這個(gè)<!---upper div section--->                  <?php                $id=1;                while ($comp_post_info=mysqli_fetch_array($query))                     {                    ?>            <div class="container-fluid">                <div class="row">                    <div class="upperdiv container-fluid mb-5">                        <div class="row">                            <div class="col-md-1 pdl-3">                                <i class="fa fa-circle"></i>                            </div>                            <div class="col-md-11">                                <div class="container-fluid">                                    <div class="row jlist" id="addbg">                                        <div class="col-md-4">                                            <img src="/my_brands/brand.png" alt="" class="cust-em">                                            <h6><?php echo $comp_post_info['title'] ?> <p><small><?php echo $comp_post_info['c_name'] ?></small></p></h6>                                               </div>                                        <div class="col-md-4">                                            <h6>                                                <?php echo $comp_post_info['state'] ?>,<?php echo $comp_post_info['coun'] ?>                                                 <p><small>Location</small></p>                                            </h6>                                           </div>
查看完整描述

1 回答

?
墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

使用closest來查找父級(我已經(jīng)添加了父類.parent-div),然后使用nextAll來查找第一個(gè)lowerdiv。


請參閱下面的片段:


$(document).ready(function(){                           

    $(".upperdiv").on("click",function(){

        var currentselect = $(this).closest(".parent-div").nextAll('.lowerdiv').first(); /* Look I've added find */

        $(".lowerdiv").not(currentselect).hide();

        currentselect.show();

    });

});

.lowerdiv{

  display: none;

  margin-left: 15px;

}


.upperdiv{

  cursor: pointer;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="parent-div container-fluid">

  <div class="row">

    <div class="upperdiv">

      Upper 1

    </div>

  </div>

</div>

<div class="lowerdiv">

  Lower 1

</div>

  

<div class="parent-div container-fluid">

  <div class="row">

    <div class="upperdiv">

      Upper 2

    </div>

  </div>

</div>


<div class="lowerdiv">

  Lower 2

</div>

  

<div class="parent-div container-fluid">

  <div class="row">

    <div class="upperdiv">

      Upper 3

    </div>

  </div>

</div>


  <div class="lowerdiv">

     Lower 3

  </div>



查看完整回答
反對 回復(fù) 2024-01-22
  • 1 回答
  • 0 關(guān)注
  • 138 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號