javascript - 单击 IMG 使用 Jquery $(this) 定位其中的 DIV。 $(this) 是被点击的图像

Question

我想点击我的 IMG 标签，让它使用 Jquery 选择它下面的最后一个 DIV 标签，类是“comment-text”

  <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

您可以使用 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

或

您可以使用 .nextAll()

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

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

DEMO 2