如何使用帶有（this）的代字符選擇器jquery

Question

大家下午好，我試圖在div中選擇一個特定的兄弟。我試過使用了很多不同的建議，而且似乎無法使用任何工作。使用this，它看起來像我可能能夠使用這樣的事情：

$("#prev ~ div").css("border", "3px groove blue"); 

不過，我想用（本）的選擇中，也許像這樣：

&(this " ~ p").show(); 

基本上，我只是想在某個事件被觸發時顯示一個段落兄弟。如果有人有更好的方法，我很樂意接受建議。我嘗試了其他方法，例如使用next（）和兄弟（「p」），但似乎無法使其工作。這裏是我現在有的HTML和jQuery的一部分。

<div class="col-sm-8 items"> 
    <div class="item"> 
     <h6>Dynamic Web Programming<h6> 
     <img src="DynamicWebProgramming.jpg"> 
     <p>This book is a great tool for learning to develop Dynamic Web Pages.</p> 
     // This is the paragraph that is hidden and I want to show on mouseover 
    </div> 
</div> 

$(document).ready(function() { 
    $(".item p").hide(); 

    $(".item h6").mouseover(function() { 
     $(this).addClass("mouseover"); 
     $(this).siblings().addClass("mouseover"); 
     $(this).siblings("p").show(); // This is where I want to call .show() for the 
             specific sibling 
    }) 

    $(".item p").click(function() { 
     $(this).removeClass("mouseover"); 
     $(this).siblings().removeClass("mouseover"); 
    }) 
}) 

如果任何人可以提供任何建議，那就太好了！ 謝謝， 安迪

Answer 1

你在正確的軌道上，我會改變鼠標懸停盤旋：

$(".item h6").hover(function() { 
    $(this).toggleClass("mouseover"); 
    $(this).siblings().toggleClass("mouseover"); 
    $(this).siblings("p").show(); // This is where I want to call .show() for the specific sibling 
},function(){ 
    $(this).toggleClass("mouseover"); 
    $(this).siblings().toggleClass("mouseover"); 
    $(this).siblings("p").hide(); 
}); 

這裏fiddle