Fatal编程技术网

Jquery div选择

jquery

Jquery div选择,jquery,Jquery,我想使用以下代码显示/隐藏div。但是，当我实现它时，它对我并不起作用。请在这方面帮助我。多谢各位 它不适用于html代码： <div class="1"> <div class="2"> <div class="wedding post">WEDDING DIL</div> </div> </div> 婚戒 在您正在使用的第二行脚本上 $(this).siblings('.post')

我想使用以下代码显示/隐藏div。但是，当我实现它时，它对我并不起作用。请在这方面帮助我。多谢各位

它不适用于html代码：

<div class="1">
    <div class="2">
        <div class="wedding post">WEDDING DIL</div>
    </div>
</div>


婚戒
在您正在使用的第二行脚本上

$(this).siblings('.post').hide()
这意味着，当单击
按钮时，您只隐藏了拥有
.post
类的兄弟姐妹。自从使用
.widding.post的第一个div以来，
类不是
按钮的兄弟，单击时它不会隐藏

您需要删除first
.widding.post
div的父div才能完美工作

示例-


<div class="wedding post">WEDDING DIL</div>
<div class="portrait post">PORTRAIT 1</div>
<div class="personal post">PERSONAL 1</div>
<div class="wedding post">WEDDING 2</div>
<div class="wedding post">WEDDING 3</div>
<div class="portrait post">PORTRAIT 2</div>



婚礼DIL
肖像1
个人1
婚礼2
婚礼3
肖像2



此处
同级
选择共享同一父节点的所有直接子节点。如果要查找嵌套节点，可以使用
$（this）.parent（）.find（'.post'）.hide（）




如果要查找文档中的所有帖子，甚至可以使用
$（'.post'）
。
您没有
按钮
HTML元素。。在显示的代码中也没有id为showall的节点。你能创造一把小提琴再现你的问题吗？你有什么元素吗？他们是（“.post”）的兄弟姐妹吗？请发布完整的HTML。什么是“我不想要”的意思？完整代码的链接。我确实需要这个。

<div class="wedding post">WEDDING DIL</div>
<div class="portrait post">PORTRAIT 1</div>
<div class="personal post">PERSONAL 1</div>
<div class="wedding post">WEDDING 2</div>
<div class="wedding post">WEDDING 3</div>
<div class="portrait post">PORTRAIT 2</div>