javascript - 如何在 jquery 中获取文本值？

Question

我有三个元素，它们在屏幕上滑动，我想获取当前显示在屏幕上的元素的文本，我尝试了 .text() 函数，但这会返回所有 s 元素的文本，有没有使用javascript或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);

});
});

Answer 1

演示 或 其他在这里

代码

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

Answer 2

由于您使用的是循环插件，因此活动幻灯片被赋予类“activeSlide”。您可以通过执行类似的操作来获取活动幻灯片的文本。$('.activeSlide').text(); 您还可以在初始化循环插件时在选项中设置回调。您可以在此处查看可以使用循环设置的选项：http: //jquery.malsup.com/cycle/options.html

如果您想在每次幻灯片更改时执行某些操作，您将能够使用“之后”事件回调。

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