Javascript 设置一个DIV的高度,使其与所述DIV内锚的位置相对应

Javascript 设置一个DIV的高度,使其与所述DIV内锚的位置相对应,javascript,jquery,height,show-hide,Javascript,Jquery,Height,Show Hide,核心问题: 我有一个包含几段文字的div容器, 在这些段落的其中一段中是以下锚定 这将用于修改的JQuery滑块。使用CMS的人可以在内容字段的任意位置键入[readmore],内容字段将通过PHP替换为上述锚。通过这种方式,他们可以轻松地控制容器中出现“读取更多”中断的位置。在关联的示例中,我将高度硬编码为75px,尽管我希望高度取决于锚定name=“stop”在文本中的位置 谢谢。如果这是一种可怕的方式,我洗耳恭听 使用jQuery,您可以这样做: $('#container').heigh

核心问题
我有一个包含几段文字的
div
容器,
在这些段落的其中一段中是以下锚定

这将用于修改的JQuery滑块。使用CMS的人可以在内容字段的任意位置键入
[readmore]
,内容字段将通过PHP替换为上述锚。通过这种方式,他们可以轻松地控制容器中出现“读取更多”中断的位置。在关联的示例中,我将高度硬编码为
75px
,尽管我希望高度取决于锚定
name=“stop”
在文本中的位置


谢谢。如果这是一种可怕的方式,我洗耳恭听

使用jQuery,您可以这样做:

$('#container').height( $('a[name=stop]').position()['top'] );
和CSS:

#container {
    position: relative;
}
我们之所以需要它,是因为
.position()
,我们可以将
#container
位置设置为
相对
,从而使其成为锚定标记的偏移父对象

JSFiddle:


同样,对于HTML5,您可能需要考虑设置锚标签的“代码> ID <代码>属性,而不是<代码>名称<代码>:

,最好的方法是通过Ajax使链接加载完整文章。我现在是这个网站游戏机制的受害者。:)非常感谢你!我根据您使用的内容更新了完整的显示/隐藏测试:感谢您关于使用
id
而不是
name
的说明。