我尝试在 div 的一半上以及 double <br />
之后插入一个元素(例如 div)元素
这里我的代码只是一个例子,div 可以更长或更小
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script type="text/javascript">
$( document ).ready(function() {
console.log( "ready!" );
var h_div = $('#my_post').height();
});
</script>
</head>
<body>
<div id='container'>
<div id='my_post'>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br /><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br /><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br /><br />
</div>
</div>
</body>
</html>
我应该使用 Jquery 中的position()函数来做到这一点吗?
最佳答案
怎么样:
$('br:eq(1)', '#my_post').after('<div>whatever ...</div>');
这将在第二个
之后在#my_post 中插入一个div
好吧,让我们进一步分解一下:
$('br')
是一个 jquery 选择器,返回文档中所有
元素的集合。由于您只需要特定容器中的
,因此我们将搜索限制为此容器: $('br', '#my_post')
。现在您拥有了 div #my_post 中所有
元素的集合。现在我们添加过滤器 :eq() ,它仅选择特定的
元素。由于 :eq() 是基于零索引的,因此我们使用数字 1 来获取第二个
元素。
现在我们使用jquery方法.after()
在我们使用选择器 $('br:eq(1)', '#my_post')
指定的元素之后插入内容
您可能想查看 jquery 文档:http://api.jquery.com/after/
关于javascript - 在半个div上插入元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40174449/