複雑な文書の中で最も近い前の要素を取得するにはどうすればよいですか？

Question

codes given here

this fiddle, the same code is not workingを使用して、コンソールエラーを投げずに、最も近い前の要素を取得しようとしました。

var lastObj = $("#SomeButton"); 
var parent = lastObj.parent(); 
var previousObject = parent.prevUntil(".title:has(h4)").prev().find("h4"); 
    alert(previousObject.text()); 

ここで問題を理解してもらえますか？

1つの可能な方法はhaving multiple parentsですが、親の数が動的:(あなたはあなたを助けるためにclosest()を使用することができます

Answer 1

であれば、これは壊れます。また、私はjQueryさん.onクリックイベントを使用するためにあなたを示唆しているであろうあなたはそれがおよそjQueryだと述べているので、だから私はあなたのコードビットを変更し、クリックイベントに追加され、このボタンをクリックした取得する$(this)で$('#SomeButton')を置き換え：。

$('.SomeButtonClass').on('click', function(){ 
 
    var lastObj = $(this); 
 
    var parent = lastObj.parent(); 
 
    var previousObject = parent.closest(":has(h4)").find('h4'); 
 
    console.log(previousObject.text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="top"> 
 
    <div class="header"> 
 
    <h4 class="title">Title 1</h4> 
 
    </div> 
 
    <div class="body"> 
 
    <div id="someDiv"> 
 
     <div class="someOtherDiv"> 
 
     <div class="OneMoreDiv"> 
 
      <button id="SomeButton" class="SomeButtonClass">button</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<div class="top"> 
 
    <div class="header"> 
 
    <h4 class="title">Title 2</h4> 
 
    </div> 
 
    <div class="body"> 
 
    <div id="someDiv"> 
 
     <div class="someOtherDiv"> 
 
     <div class="OneMoreDiv"> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>