如何使用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

除了其他建议之外的另一个建议是从服务器端放置特定范围标记中的额外文本。

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

然后在js中根据需要切换这个范围。