Convert jquery function to Javascript function

Question

I am trying to convert this function but I can't seem to translate a few of the lines successfully.

$('.text').each(function() {
  str = String($(this).html()); #this line
  tot = str.length;
  str = (tot <= max) ? str : str.substring(0,(max + 1))+"..."; #this line
  $(this).html(str); #this line
});

How can I convert this into a javascript function?

Shirish Maharjan · Accepted Answer · 2019-12-07 17:02:22Z

1

document.querySelectorAll('.text').forEach(function(el){
var str = el.innerHTML;
var tot = str.length;
...
this.innerHTML = str;
});

answered Dec 7, 2019 at 17:02

Shirish Maharjan

5025 silver badges17 bronze badges

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

Comments

Davide Bulbarelli · Accepted Answer · 2019-12-07 17:02:00Z

0

Try with this:

document.getElementsByClassName('text').forEach(el => {
   str = el.innerHTML;
   tot = str.length;
   str = (tot <= max) ? str : str.substring(0,(max + 1))+"..."; 
   el.innerHTML = str;
})

answered Dec 7, 2019 at 17:02

Davide Bulbarelli

7438 silver badges22 bronze badges

1 Comment

connexo Over a year ago

Don't use getElementsByClassName unless you explicitly want an HTMLCollection instead of a NodeList.

Collectives™ on Stack Overflow

Convert jquery function to Javascript function

2 Answers 2

Comments

1 Comment

Hot Network Questions