2014-01-29 31 views
0

我想将div.text数据存储在变量中,并将其显示在警报框中,但我的警报框为空。 Here's a jsFiddle或者你也可以看到我下面的代码:因为你已经选择了,也没有任何其他find()不能使用jQuery

HTML

<div class="backToTop"> 
    <div class="abc">hi how r u 
     <div class="text">i am fine an u </div> 
    </div> 
    <p>&nbsp;</p> 
    <div class="click">click</div> 

</div> 

jQuery脚本

$(document).on('click','.backToTop',function(){ 

    var text = $(this).parent('.backToTop').find('.text').text(); 
    alert(text); 

}) 

回答

2

删除parent('.backToTop')父母与该类别

$(document).on('click','.backToTop',function(){ 
    var text = $(this).find('.text').text(); 
    alert(text); 
}) 

Fiddle Demo

0

找到父母是不必要的。因为找这个元素

试试这个:

$(document).on('click','.backToTop',function(){ 

    var text = $(this).parent('.backToTop').find('.text').text(); 
    alert(text); 

}) 

Demo

0

用途:

$(document).on('click','.backToTop',function(){ 

     var text = $(this).find('.text').text(); 
     alert(text); 

     }) 

Working Fiddle

0

改变这一点:

var text = $(this).parent('.backToTop').find('.text').text(); 

这样:

var text = $(this).find('.text').text(); 
0

backToTop元素,你所得到的this作为家长,你有指backToTop没有其他的父元素这是不正确。

只要使用此:

var text = $(this).find('.text').text(); 

demo

1

你用错误的类名。试试用这个:

$(document).on('click','.click',function(){ 
var text = $(this).parent('.backToTop').find('.text').text(); 
alert(text); 
})