從div中返回文本時點擊這個div的一些鏈接

Question

我需要從div中返回文本。 當我點擊點擊我，我想從div class='show_mail_middle'

<div class='show_mail'> 
<div class='show_mail_top'><p class='cli'>click me</p></div> 
<div class='show_mail_middle'>1</div> 
</div> 


<div class='show_mail'> 
<div class='show_mail_top'><p class='cli'>click me</p></div> 
<div class='show_mail_middle'>2</div> 
</div> 

<div class='show_mail'> 
<div class='show_mail_top'><p class='cli'>click me</p></div> 
<div class='show_mail_middle'>3</div> 
</div> 

與文字來提醒感謝您的幫助！

Answer 1

$('body').on("click",".show_mail_top",function(){ 
    alert($(this).find("p").text()); 
}); 

Answer 2

Fiddle Demo

$('.cli').click(function() { 
    alert($(this).closest('div').next().text()); 
}); 

---

或 Fiddle Demo

$('.cli').click(function() { 
    alert($(this).parent().next().text()); 
      //^get parent element div of current element with class .cli which 
//clicked and than find next div element n get it's text 
}); 

---

.closest()

.next()

this keyword

Answer 3

您可以使用.closest() & .next()

組合使用

$('.cli').click(function() { 
    alert($(this).parent().next('.show_mail_middle').text()); 
}); 

DEMO

OR

$('.cli').click(function() { 
    alert($(this).closest('.show_mail_top').next('.show_mail_middle').text()); 
}); 

DEMO 2

Answer 4

$(".show_mail_top").click(function() { 
    $(this).parent().children(".show_mail_middle").text(); 
}); 

Answer 5

嘗試：

$('p.cli').click(function(){ 
    alert($('div.show_mail_middle').text()) 
}); 

Answer 6

Demo

$('.cli').click(function() { 

    var text = $(this).parents('.show_mail').find('.show_mail_middle').html(); 

    alert(text); 
}); 

Answer 7

使用由純JavaScript。

var allDiv = document.getElementsByClassName('show_mail_top'); 
for(var i=0; i<allDiv.length; i++){ 
    allDiv[i].onclick = function(){ 
     alert(this.nextElementSibling.innerHTML); 
    } 
} 

DEMO