Javascript 在半div上插入元素_Javascript_Jquery_Html

Javascript 在半div上插入元素

javascript jquery html

Javascript 在半div上插入元素,javascript,jquery,html,Javascript,Jquery,Html,我尝试在div的一半上插入一个元素（例如div），就在double元素之后这里我的代码只是一个示例，div可以更长或更小 <html> <head> <title></title> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44

我尝试在div的一半上插入一个元素（例如div），就在double

元素之后

这里我的代码只是一个示例，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>


$（文档）.ready（函数（）{
console.log（“准备就绪！”）；
var h_div=$（“#我的帖子”）.height（）；
});
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。



Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。



Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。

我应该在Jquery中使用position（）函数来实现这一点吗

那么：

$（'br:eq（1）'，'my#u post'）。在（'whatever…'）之后
这将在第二个

好的，让我们进一步分解一下：
$（'br'）
是一个jquery选择器，返回文档中所有
元素的集合。由于您只需要特定容器中的
，因此我们将搜索限制在此容器中：$（'br'，'my#u post'）
。现在您拥有了div#my_post中所有
元素的集合。现在我们添加filter:eq（），它只选择一个特定的
元素。因为：eq（）是基于零索引的，所以我们使用数字1来获取第二个
元素
现在，我们使用jquery方法.after（）
在使用选择器$（'br:eq（1）'，#my_post'）指定的元素之后插入内容。

您可能想看看jquery文档：
怎么样：
$（'br:eq（1）'，'my#u post'）。在（'whatever…'）之后
这将在第二个

好的，让我们进一步分解一下：
$（'br'）
是一个jquery选择器，返回文档中所有
元素的集合。由于您只需要特定容器中的
，因此我们将搜索限制在此容器中：$（'br'，'my#u post'）
。现在您拥有了div#my_post中所有
元素的集合。现在我们添加filter:eq（），它只选择一个特定的
元素。因为：eq（）是基于零索引的，所以我们使用数字1来获取第二个
元素
现在，我们使用jquery方法.after（）
在使用选择器$（'br:eq（1）'，#my_post'）指定的元素之后插入内容。

您可能想看看jquery文档：
您所说的一半div是什么意思？和双元素？你能澄清你想在双元素之后插入什么吗br
你想在第一段之后添加元素吗？你想添加什么？如果段落是不同的部分，可以将它们放在各自的div中，因为在每个部分之后添加一个元素会很容易。你的文章应该包含段落，而不是双分隔符。既然它是lorem ipsum，我猜它还没有完成，那么就用正确的方法来做吧。你说一半的div是什么意思？和双元素？你能澄清你想在双元素之后插入什么吗br
你想在第一段之后添加元素吗？你想添加什么？如果段落是不同的部分，可以将它们放在各自的div中，因为在每个部分之后添加一个元素会很容易。你的文章应该包含段落，而不是双分隔符。由于它是lorem ipsum
猜测它还没有完成，所以请以正确的方式执行。请尝试更彻底地解释您的代码，以便未来的小伙子（以及OP）了解此代码的工作原理；）试着更透彻地解释一下你的代码，这样将来的小伙子们——以及OP——就会明白这段代码的工作原理；）