tengo una mesa
<table> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> </table> Ahora tome el título de la clase. Quiero recortar los datos de la clase del título y agregar (...) después de una longitud específica usando javascript, puede haber múltiples <td> Ayúdame
const titles = document.querySelectorAll('.title'); const titleLength = 15; titles.forEach(el => { el.innerText = `${el.innerText.substring(0, titleLength)}...`; })explicación: subcadena.
Obtenga las columnas por clase y subcadene los datos y vuelva a configurarlos.
const tds = document.querySelectorAll('td.title') const length = 10; tds.forEach((e) => { e.innerText = e.innerText.substring(0, length) + '...'; }) <table border="1"> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> <tr> <td class="title"> Lorem ipsum dolor sit amet consectecons sit amet consectecons </td> <td>Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consectecons</td> <td>Lorem ipsum dolor</td> <td>Lorem ipsum dolor</td> </tr> </table>