#javascript
Вопрос:
У меня есть столик
lt;tablegt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;/tablegt; теперь возьмите название класса, я хочу обрезать данные класса заголовка и добавить (…) после определенной длины с помощью javascript может быть несколько lt;tdgt; Помоги мне
Комментарии:
1. вы хотите обрезать все td или только td с названием класса?
2. @MaikLowrey только название класса, я написал некоторый код, который действует только тогда, когда есть только название i
Ответ №1:
const titles = document.querySelectorAll('.title'); const titleLength = 15; titles.forEach(el =gt; { el.innerText = `${el.innerText.substring(0, titleLength)}...`; }) пояснение: подстрока.
Ответ №2:
Извлеките столбцы по классам и подстрокам данных и установите их обратно.
const tds = document.querySelectorAll('td.title') const length = 10; tds.forEach((e) =gt; { e.innerText = e.innerText.substring(0, length) '...'; }) lt;table border="1"gt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;trgt; lt;td class="title"gt; Lorem ipsum dolor sit amet consectecons sit amet consectecons lt;/tdgt; lt;tdgt;Lorem ipsum dolor sit amet consectecons sit amet consecteconsLorem ipsum dolor sit amet consectecons sit amet consecteconslt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;tdgt;Lorem ipsum dolorlt;/tdgt; lt;/trgt; lt;/tablegt;