Question

我有这个代码：我需要的是使用孩子div.General定位第一个div.myyyy-classs，当然不使用任何ID

<div class="General">
<div class="">hello</div>
<div class="">hello</div>
<div class="">hello</div>
</div>

<div class="myyyy-classs">hello</div>


<div class="General">
<div class="none">hello</div>
<div class="none">hello</div>
<div class="none">hello</div>
<div class="none">hello</div>
</div>

我做的是

$("#Template1").click(function(){
     $(".myyyy-classs").closest(".General").html("Its woking")  
});

Answer 1

<强>更新

更新后，您将使用.sibling（）。

$("#Template1").click(function(){
     $(".myyyy-classs").siblings(".General").html("Its woking")  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id='Template1'>Click Me</span>
<div class="General">
<div class="">hello</div>
<div class="">hello</div>
<div class="">hello</div>
</div>
<div class="myyyy-classs">hello</div>

<div class="General">
<div class="none">hello</div>
<div class="none">hello</div>
<div class="none">hello</div>
<div class="none">hello</div>
</div>

更新2 上面的选择将同时选择.General.Secondly，如果你想选择以前的.General使用.prev（'。General'）或/和下一个你可以使用.next（'。General'）。

此外.prevAll（）和.nextAll（）是相对选择匹配元素或下一个元素的所有先前元素的函数。

Answer 2

似乎.General不是父div而是兄弟，所以请使用：

 $(".myyyy-classs").siblings(".General");

请注意，这会将所有兄弟姐妹作为一个数组返回，所以如果你只想要第一个兄弟姐妹，请使用：

$(".myyyy-classs").siblings(".General").get(0);

目标父Div使用带有Jquery的子Div类

2 个答案: