Question

我有像下面的HTML

<div  id="L0" >
    <div id="P0">
      //code
    </div>
    <div id="P1">
         //code
    </div>
    <div id="p2">
           //code
    </div>
</div>
<div  id="L1" >
    <div id="P0">
      //code
    </div>
    <div id="P1">
         //code
    </div>
    <div id="p2">
           //code
    </div>
</div>

所以我想要隐藏特定L的所有内部P div。我已经尝试了下面的代码，但是它没有用。

$('#L0 div[id^=P]').hide();

Answer 1

$('#L0 div[id^=P], #L0 div[id^=p]').hide();

Answer 2

上一个div ID p是小字符，在选择器中使用CAPITAL P char

<div id="p2">

更改

<div id="P2">

Answer 3

这对我有用。其中两个没有隐藏，因为它们是小写字母p

＆＃13;

$('div[id^="P"]').hide();
$('div[id^="p"]').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div  id="L0" >
    <div id="P0">
      //code
    </div>
    <div id="P1">
         //code
    </div>
    <div id="p2">
           //code
    </div>
</div>
<div  id="L1" >
    <div id="P0">
      //code
    </div>
    <div id="P1">
         //code
    </div>
    <div id="p2">
           //code
    </div>
</div>

＆＃13;

Answer 4

隐藏你的L0 div，所有内部P将自动隐藏特定的Div 尝试以下代码

$('#L0').hide();

Answer 5

在您的顶级 DIV 中添加课程，例如：

<div id="L0" class="top-div">
    <div id="P0">1</div>
    <div id="P1">2</div>
    <div id="p2">3</div>
</div>
<div id="L1" class="top-div">
    <div id="P0">4</div>
    <div id="P1">5</div>
    <div id="p2">6</div>
</div>

现在，您可以使用 top-div 类轻松选择所有 DIV＆＃39; 并隐藏他们的孩子，在这种情况下，内部div：

$('div.top-div').children().hide();

如果你想隐藏只有一个外（L）div的内部div，请使用下面的代码：

$('div#L0').children().hide();// for your first div L0
$('div#L1').children().hide();// for your second div L1

如何隐藏特定div的jquery中的所有div？

5 个答案: