Найти элемент в родительском контейнере с jQuery

Question

Я пытаюсь настроить таргетинг на элемент внутри моего LI, только у меня возникают проблемы, я прочитал документацию jQuery, но не могу понять, что я делаю неправильно?

На событие щелчка Я хочу, чтобы найти элемент и изменить HTML внутри ...

http://jsfiddle.net/68ePW/3/

<li> 
    <h2>400</h2> 
    <form> 
     <input type='submit' class='click' value='send'>     
    </form> 
</li> 

$('.click').click(function(){ 
    $(this).parent('li').closest('h4').html('asdasd'); 
}); 

Answer 1

На основе следующего HTML (имейте в виду, я должен был обернуть li с ul, так как развернутого li недействителен HTML):

<ul> 
    <li> 
     <h2>400</h2> 
     <form> 
      <input type='submit' class='click' value='send'>     
     </form> 
    </li>  
</ul>​​​​​​​​​​​​​​​​​​ 

И следующий JQuery:

$('.click').click(function(){ 
    $(this).parent('li').closest('h4').html('asdasd'); 
}); 

Кажется, вы пытаетесь найти h4 внутри li. Проблемы, возникающие у вас, несколько:

1. Использование parent() только ищет непосредственный родительский элемент текущего элемента; использовать closest() вместо того, чтобы искать через предков пока не находит соответствующий элемент,
2. closest() (как уже упоминалось) выглядит до через элементы предка, в то время как вы пытаетесь найти элемент среди потомков li элемент. Использовать find(),
3. Вы искали элемент h4, которого не было. Вам понадобилось (я полагаю) найти h2, который присутствовал в DOM.

Итак:

$('.click').click(function(){ 
    $(this).closest('li').find('h2').html('asdasd'); 
}); 

JS Fiddle demo.

Ссылки:

• closest().
• find().
• parent().