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

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 2

因为.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 3

试试这个：

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

单击IMG使用Jquery $（this）将DIV定位在其中。 $（this）被点击了IMAGE

3 个答案: