text substring in th div using jquery

Question

I need to get a substring from each div element and display the substring as first 5 letters in the text.

I used jquery given below, but this code gives result as andy is displayed in all the output. but I want display result relevant , regarding substrings in the blocks.

$('.lblName').text($('.lblName').text().substr(0, 5))
code:<div class="name">andy oned be</div>
<div class="name">sumothad </div>
<div class="name">glimps hist</div><div class="name">sample name</div>

output andy sumot glimp sampl

my wrong output is andy andy andy andy

Tushar · Accepted Answer · 2015-05-21 13:27:40Z

3

You should use each to iterate over all the .lblNames:

$('.lblName').each(function() {
    var newText = ($(this).text()).substr(0, 5);
    $(this).text(newText);       
});

Demo: https://jsfiddle.net/tusharj/56g0vqpf/

edited May 21, 2015 at 13:27

answered May 21, 2015 at 13:20

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saty Over a year ago

how we use substr(0, 5)) in jquery

A. Wolff Over a year ago

@saty FYI, this isn't relevant to jQuery but javascript ;)

A. Wolff · Accepted Answer · 2015-05-21 13:21:17Z

0

You can use:

$('.lblName').text(function () {
    return $(this).text().substr(0, 5);
});

answered May 21, 2015 at 13:21

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Collectives™ on Stack Overflow

text substring in th div using jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related