使用jQuery在父容器中查找元素

Question

我試圖在我的LI中定位一個元素只有即時通訊有麻煩，我已經閱讀了jQuery文檔，但無法弄清楚我做錯了什麼？

上的click事件，我想找到一個元素，改變裏面的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'); 
}); 

看來你試圖找到li內h4。您遇到的問題有多種：

1. 使用parent()只查找當前元素的直接父元素;使用closest()而是通過祖先直到找到一個匹配的元素來查找，
2. closest()（如前所述）看起來了通過祖先元素，而你試圖找到的後代中有一個元素li元素。使用find(),
3. 您正在搜索h4元素，該元素不存在。您需要（我假設）找到存在於DOM中的h2。

所以：

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

JS Fiddle demo。

參考文獻：

• closest()。
• find()。
• parent()。