2012-05-20 62 views
1

我有三个元素,它们在屏幕上滑动,我想获取当前在屏幕上显示的元素的文本,我试过.text()函数,但是这返回所有s元素的文本,是有没有什么办法使用JavaScript或jQuery来做到这一点。如何在jQuery中获取文本值?

<div id="text"> 
<span style=" font-size:100px;text-align:center;">koko</span> 
<span style=" font-size:100px;text-align:center;">abc</span> 
<span style=" font-size:100px;text-align:center;">efh</span> 
</div> 

$(document).ready(function(){ 

$('#text').mouseover(function(){ 
var txt = $('#text span').text(); 
alert(txt); 

}); 
}); 
+1

请尝试谷歌或jQuery网站第一 –

+0

没有homeworking ...只有研究+一些在这里帮助....共同!你不能只是谷歌它或看看jQuery文档?我可能已经帮助过你,如果你知道在JS编程...但你似乎不是... –

+0

如果你读了我的问题的描述,我明确提到这件事,我试过.text()函数,但它不起作用,它不是家庭作业。 –

回答

0

由于正在使用的循环插件,有源滑动给出类 “activeSlide”。您可以通过执行类似$('.activeSlide').text(); 的方式来获取活动幻灯片的文本。您还可以在初始化循环插件时在选项中设置回调。您可以查看可在周期中设置的选项:http://jquery.malsup.com/cycle/options.html

如果您希望每次幻灯片更改时执行某些操作,您都可以使用“after”事件回调。

$(document).ready(function() { 
    $('#text').cycle({ 
     after: function (currSlideElement, nextSlideElement, options, forwardFlag) { 
       alert($(nextSlideElement).text()); 
     } 
    }); 
}); 
+0

可以请你举例说明使用函数之后,我无法从文档中理解它 –

+0

编辑答案反映的那样 – tapan

+0

你可能要做$(currSlideElement).text() ;请尝试两个,让我知道什么工作 – tapan

6

demoanother here

代码

$('#text > span').mouseover(function(){ 
    var txt = $(this).text(); 
    alert(txt); 
}); 
+1

你打我吧:) –

+0

有没有办法,不仅保存这个文本在鼠标悬停,但随着我的幻灯片更改? –

+0

@JeloMelo你是否可以请你在这种情况下轻弹我的幻灯片样本,如果你想让一个jsfiddle?顺便说一句,因为我相信这不是你的功课,希望我没有错:) –