javascript - 使用 Jquery 将父 Div 与子 Div 类作为目标

Question

我有这个代码:我需要的是使用子 div.myyyy-classs 定位第一个 div.General ，当然不使用任何 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. 其次，如果您想选择上一个 .General 使用 .prev('.General') 或/和下一个您可以使用 .next('.General')。

另外.prevAll()和.nextAll()是相对选择匹配元素或下一个元素的所有前一个元素的函数。