Question

嗨我有一些需要隐藏的代码。我已经尝试过以下代码，但这不符合我的情况。

<div id="zoomer" >
    <div class="nice">Which show image</div>
    <img src="" id="img"/><div style="">Want to hid this div</div>
    <div style=""/>Want to hid this div  too </div>
</div>

我想隐藏最后一个div，但div没有id或类。我也无法使用div:first(or :eq(0)').hide()方法，因为有很多div，而且无法分辨哪个nth-child这个div。有没有任何方法可以与zoomer div链接并隐藏它？感谢

Answer 1

这两个例子都是背景色：红色仅用于示例。

您可以使用:last-child伪类：

#zoomer div:last-child {
  background: red;
}

<div id="zoomer" >
  <div class="nice">Which show image</div>
  <img src="" id="img"/><div style="">nice to see it</div>
  <div style="">Want to hid this div</div>
</div>

与jquery相同：

$(function() {
  $('#zoomer div:last-child').css('background', 'red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="zoomer" >
  <div class="nice">Which show image</div>
  <img src="" id="img"/><div style="">nice to see it</div>
  <div style="">Want to hid this div</div>
</div>

更新

更改问题后 - 这将隐藏最后2个div：

#zoomer div:last-child, #zoomer div:nth-last-child(2) {
  background: red;
}

<div id="zoomer" >
  <div class="nice">Which show image</div>
  <img src="" id="img"/><div style="">nice to see it</div>
  <div style="">Want to hid this div</div>
</div>

Answer 2

您可以在此处使用：last-child，：nth-child伪类

＆＃13;

#zoomer div:last-child{display:none}
#zoomer2 div:nth-child(4){display:none;}

＆＃13;

<div id="zoomer" >
  <div class="nice">Which show image</div>
  <img src="" id="img"/><div style="">nice to see it</div>
  <div style="">Want to hid this div</div>
</div>

<div id="zoomer2" style="margin-top:20px" >
  <div class="nice">Which show image</div>
  <img src="" id="img"/><div style="">nice to see it</div>
  <div style="">Want to hid this div</div>
</div>

＆＃13;

Answer 3

您可以使用CSS :nth-child()选择器或:last-child选择器。

示例：

＆＃13;
＆＃13;
#zoomer div:nth-child(4) { display: none; }
＆＃13;
<div id="zoomer"> <div class="nice">Which show image</div> <img src="" id="img" /> <div style="">nice to see it</div> <div>Want to hid this div</div> </div>
＆＃13;
＆＃13;
＆＃13;

Answer 4

我想隐藏最后一个div，但这个div没有id或class

您可以使用jquery的last-child伪类或last方法

$("#zoomer div").last().remove();

或hide

$("#zoomer div").last().hide();

使用prev

隐藏第二个最后一个div

$("#zoomer div").last().prev().hide();

Answer 5

用css你可以隐藏最后2个div

#zoomer:nth-last-child(-n+2) {
   display: none
}

Answer 6

使用：#zoomer上的last-child伪类，并在display：none中设置，它可以正常工作

如何使用jquery或css删除或隐藏元素

6 个答案:

更新