jQuery的發現工作不

Question

這是我的HTML：

 <p class="first">blah blah <a href="" class="more">read more</a></p> 
     <div class="read_more"> 
      <p>more text</p> 
     </div> 

和Javascript：

$(document).ready(function(){ 
    $('a.more').click(function(){ 
    $(this).find('.read_more').slideDown(); 
    return false; 
    }); 
}); 

似乎

並沒有做任何事情（READ_MORE設置爲顯示：無）任何想法？

Answer 1

試試這個：

$（文件）。就緒（函數（）{ $（ 'a.more'）點擊（函數（）{$ （本）.parent（）。 next（）。find（'。read_more'）。slideDown（）; return false; }）; }）;

更新：

Here is the demo :)

代碼：

$(document).ready(function(){ 
    $('a.more').click(function(){ 
    $(this).parents().find('.read_more').slideDown('slow'); 
    return false; 
    }); 
}); 

你也可以這樣做：

$(document).ready(function(){ 
    $('a.more').click(function(){ 
    $('.read_more').slideDown('slow'); 
    return false; 
    }); 
}); 

或者這樣：

$(document).ready(function(){ 
    $('a.more').click(function(){ 
    $(this).parent().next().slideDown('slow'); 
    return false; 
    }); 
}); 

Answer 2

.find(..)查找當前元素中選擇。

你可能想要的是

$(document).ready(function(){ 
    $('a.more').click(function(){ 
     $(this).parent().parent().find('.read_more').slideDown(); 
     return false; 
    }); 
}); 

編輯

增加了另一個.parent()作爲<a>裏面<p>和.read_more不在<p>

Answer 3

$（這）是指a.more這沒有一個孩子叫.read_more這就是爲什麼它不工作

Answer 4

find（）無法工作的一個潛在原因是您尋找的元素在您調用它時尚未加載。

在我的情況下，我用一個編輯器插件替換了一個文本字段，編輯器在我調用find（）的時候沒有加載。

如果在知道應該能夠找到元素時找不到元素，請在調用find（）之前嘗試setTimeout以添加延遲。

注意：setTimeout不是一個很好的解決方案，它只是幫助診斷問題。試着想出一種方法，等到元素加載完成後再進行find（）調用。