Jquery Найти especific Родитель

Question

Использование Jquery, я хотел бы знать, как я могу взять текст (Возьмите этот текст щелчки в кнопку (btnId)) между тегом <h4> </h4> при нажатии на кнопку (btnId)? Bcause я получил слишком много трудно решить его!

<div class = "class1" id = "class1"> 
    <div class = "class2" id = "class2"> 

     <div class = "class4" id = "class4"> 

      <h4 class = "h_reference" id = "h_reference"> Take this text clicking in button (btnId)</h4> 

     </div> 

    </div> 


    <div class = "class3" id = "class3"> 
     <div class = "class5" id = "class5"> 
      <div class = "class6" id = "class6"> 

      </div> 

      <div class = "class7" id = "class7"> 
       <div class = "class8" id = "class8">  
        <div class = "class9" id = "class9"> 

        </div> 
        <button id="btnId" /> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Если я правильно понимаю ваш вопрос, вы хотите получить внутренний текст данного элемента при щелчке через jQuery. Вот как:

$('#btnId').click(function() { 
    var txt = $('#h_reference').text(); 
    //do what you will with txt here 
}); 

Назначает обработчик щелчка на кнопке с помощью $.click функции JQuery в. Этот обработчик считывает текст h4 с идентификатором h_reference. Оттуда вы можете делать то, что хотите, с этим текстом.