jQueryトラバース.next（）.show（）

Question

jQueryでのトラバースに問題があります。うまくいけば簡単です。しかし、私は頭を叩いています。 jQueryの

<div class='news_box'> 
    <img src='".NEWS.$n[image]."' alt='$n[title] Image' class='news_img' /> 
    <div class='news_text'> 
     <h3>$n[title] // ".date("d.m.Y", strtotime($n[created_on]))." // ".date("H.i", strtotime($n[created_on]))."</h3> 
     <p>".substr(strip_tags($n[description]), 0, 90)."... <span title='Read More On $n[title]' class='more'>Read More</span></p> 
    </div> 
    <p class='clear'></p> 
    <div class='full_item'> 
     $n[description] 
    </div> 
</div><!--close news_box--> 

を

： .full_itemため

$(".news_box span.more").click(function(){ 
    $(this).next(".full_item").show(); 
}); 

CSSがdisplay:none に設定されている目的は、div要素を表示することです私は.find()、.next()、.closest()を試してみました...そして灘

HTMLました：スパンのクリック時のfull_item .more

ありがとうance！

Answer 1

.moreは、.news_textの内側にあるpの内部にあり、.full_itemはその兄弟です。だから、トリックを行う必要があり、次の

$(this).closest('.news_text').siblings('.full_item').show(); 

.siblings()

Answer 2

$(this).parent().next(".full_item").show(); 

Answer 3

スパンは.full_itemの兄弟ではありません。 .full_itemがpの親直後ではないので

$(this).parent().nextAll(".full_item").show(); 

を試みるも、機能nextは、に動作しません。代わりにnextAllを使用してください。

Answer 4

$(".news_box span.more").click(function(){ 
    $(this).closest(".news_box").next(".full_item").show(); 
}); 

Answer 5

私はjsfiddleにソリューションを入れている：

http://jsfiddle.net/55mUj/

$(".news_box span.more").click(function(){ 
    $(this).closest('.news_text').siblings('.full_item').show(); 
});​