點擊IMG使用Jquery的$（this）來定位它附近的DIV。 $（這）是在IMG點擊

Question

我想點擊我的IMG標籤，並把它與類「註釋文本」使用jQuery

<div class="one-comment hill"> 
    <h4 class="name-title">Durdan Moraan</h4> 
    <**img** src="pencil-grey.png" class="edit-icon"> 
    <div class="date-box"> 
     <div class="month"> 
     Mar 
     </div> 
     <div class="day"> 
     27 
     </div> 
     <div class="time"> 
     11:11 am 
     </div> 
    </div> 
    **<div class="comment-text">** 
     Ok this is the comment. 
    **</div>** 
    </div> 

Answer 1

選擇它下面的最後一個DIV標籤由於.comment-text DIV是兄弟你的形象。您可以使用siblings()：

$('img.edit-icon').click(function(){ 
    var commentDiv = $(this).siblings('.comment-text'); 
    // You can use commentDiv with other jQuery method now 
}); 

Answer 2

您可以使用siblings()爲.comment-text是圖像的兄弟。或者您可以使用

$('img.edit-icon').click(function(){ 
    var commentTextDiv = $(this).siblings('.comment-text:last'); //select last .comment-text div 
    var commentText = commentTextDiv.html(); 
}); 

DEMO

OR

您可以使用.nextAll()

$('img.edit-icon').click(function() { 

    var commentTextDiv = $(this).nextAll('.comment-text:last'); //select div 
    var commentText = commentTextDiv.html(); 
    alert(commentText) 
}); 

DEMO 2

Answer 3

試試這個：

$('img.edit-icon').click(function() { 
    var myElement = $(this).next('.comment-text') 
    //myElement is the div you want 
});