Javascript 如何选择此特定分区？

假设我有HTML：

<span class="random"></span>
<div class="parentdiv">
    <img src="" class="button">
</div>
<div class="content-one">
    <div class="content-two">
    </div>
</div>

<span class="random"></span>
<div class="parentdiv">
    <img src="" class="button">
</div>
<div class="content-one">
    <div class="content-two">
    </div>
</div>

我如何选择div

.contenttwo

？因为我就是不知道会是什么

原因是页面上有多个用于切换的类实例，因此每次按下按钮时只需选择

contenttwo

div的第一个实例。

您是否将“.contentone”替换为“.contenttwo”？既然您选择的是类“.content one”，我想如果您只是将它改为您想要的类，它会工作吗

$(".button").toggle(function(){
    $(".content-two").first().slideUp('slow');
},

这将抓取单击的.button，然后获取父级，然后获取以“.content one”作为类的下一个兄弟级，然后获取以“.content two”作为类的第一个子级，并切换显示。示例：

玩这个：

$(".content-one:first").css({border:'3px solid red'});
$(".content-one:first div:first").css({border:'3px dotted blue'});

$("div").eq(2).css({border:'3px solid #003366'});
$("div:eq(2)").css({border:'3px dotted blue'});
$("div:eq(2)>div:first").css({border:'3px dotted blue'});

你的问题不够具体，但其中一行有你的答案

---

还可以查看此链接以查看其作用：

哪个元素是

img.button

的父元素？它在标记中没有父元素！您需要选择页面上的第一个

内容二

，或者单击按钮后的第一个？选择按钮有效按下后的第一个.content二@未定义我已为您更改了初始标记。您可能会这么认为，但由于某些原因，它不起作用。我想这是因为。内容二嵌套在里面。内容一

next

和

nextAll

看看兄弟姐妹，而不是孩子。试试

.nextAll（“.content one”）.nextAll（.content two”）

，或者

孩子（“.content two”）

呃，我想我忍者编辑了一点，但是我想如果你根据类选择，然后得到第一个，那么你应该能够将slideUp fn应用到该div

$(".button").toggle(function(){
  $(this).parent().nextAll(".content-one").find(".content-two").first().slideUp('slow');
},

$(".button").toggle(function(){
  $(this).next(".content-one").children('.content-two').first().slideUp('slow');
});​

$(".button").click(function(){
    $(this).parent().next(".content-one").first(".content-two").toggle('slow');
});

$(".content-one:first").css({border:'3px solid red'});
$(".content-one:first div:first").css({border:'3px dotted blue'});

$("div").eq(2).css({border:'3px solid #003366'});
$("div:eq(2)").css({border:'3px dotted blue'});
$("div:eq(2)>div:first").css({border:'3px dotted blue'});