Как использовать jQuery, чтобы скрыть некоторый контент в теге DIV

Question

Мне нужно отобразить список новостей из базы данных в веб-форме. Я хотел бы отобразить фиксированный объем данных (скажем, определенную высоту или количество символов) для каждого элемента при загрузке страницы, а затем кнопку MORE, которая затем отображает полный абзац. Я видел, как использовать hide или slideUP / Down, чтобы скрыть весь тег DIV, но как вы просто скрываете его часть? Спасибо.

Answer 1

Вы можете попробовать это

$("#myDiv").css("overflow","hidden").height(100);

А если вы хотите посчитать количество символов, вы можете сделать такой взлом:

function GetHeightForChars(txt){
  return $("#myDiv").text(txt).height();
}

И продолжайте вызывать эту функцию с разным количеством текста, пока не получите желаемую высоту. Возможно, вы захотите сделать это, пока div не подключен к DOM, иначе это может выглядеть странно.

Answer 2

Вам необходимо разделить контент на разные элементы HTML. Если вы не сделаете этого при отправке HTML-кода, вам нужно будет создать некоторые инструкции JQuery, чтобы сделать это за вас. Затем вы можете скрыть элементы, которые вы не хотите видеть, показав их позже.

Answer 3

Другим предложением помимо других является размещение со стороны сервера дополнительного текста в определенном теге span.

<p>some text <span class='extra'> the extra text </span></p>

А затем в JS переключите этот диапазон, как вы хотите.