CODEWITHSUNDEEP
javascriptjquery
Jelo Melo
Jelo Melo

Reputation: 52

How to get text value in jquery?

I have three elements, which are sliding on the screen, i want to get the text of element which is currently showing on the screen, I tried .text() function, but this returns the text of all the s elements, is there any way using javascript or jquery to do this.

<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);

});
});

Upvotes: 1

Views: 180

Answers (2)

tapan
tapan

Reputation: 1796

Since you are using the cycle plugin, the active slide is given the class "activeSlide". You can get the text of the active slide by doing something like $('.activeSlide').text(); You can also set a callback in the options while initialising the cycle plugin. You can look at the options that you can set with cycle here: http://jquery.malsup.com/cycle/options.html

You will be able to use the "after" event callback in case you want to do something everytime the slide changes.

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

Upvotes: 0

Tats_innit
Tats_innit

Reputation: 34107

demo or another here

code

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

Upvotes: 6

Related Questions