是否可以使用javascript或jquery创建并添加新元素？

我有一个代码，我想在特定元素之后创建并添加新元素，但要使用javascript或jquery按id或其名称

以下是代码：

<section class="content " >
            <div class="row ">
                <div class="col-md-6">
                    <div class="grid no-border top bottom black">
                        <div class="grid-header ">
                            <i class="fa fa-align-left"></i>
                            <span class="grid-title">Data Insert Form</span>



                            <div class="pull-right grid-tools">
                                <a data-widget="collapse" title="Collapse"><i class="fa fa-chevron-up"></i></a>
                                <a data-widget="reload" title="Reload"><i class="fa fa-refresh"></i></a>
                                <a data-widget="remove" title="Remove"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div id="success_message"></div>
                        <div class="grid-body">
                            <?php $data=mysql_fetch_array(mysql_query("select * from admin_seo_meta_tag_data"));?>
                            <form  id="Data-insert" >


                                <div class="form-group">
                                    <label>Page Title</label>
                                    <span style="color:red;" id="Pagetitle_error"></span>
                                    <input type="text" class="form-control" id="PageTitle" name="PageTitle" value="<?php echo $data['PageTitle'];?>" onFocus="clear_Pagetitle()">
                                    <input type="hidden" id="uid" value="<?php echo $_GET['id'];?>">
                                </div>
                                <div class="form-group">
                                    <label>Meta description</label>
                                    <span style="color:red;" id="Metadescription_error"></span>
                                    <input type="text" class="form-control" value="<?php echo $data['MetaDescription'];?>" id="MetaDescription" name="MetaDescription" onFocus="clear_Metadescription()">
                                </div>
                                <div class="form-group">
                                    <label>Meta Keywords</label>
                                    <span style="color:red;" id="Metakeyword_error"></span>
                                    <input type="text" class="form-control" id="MetaKeywords" name="MetaKeywords" value="<?php echo $data['MetaKeywords'];?>" onFocus="clear_Metakeyword()">
                                </div>
                                <div class="form-group">
                                    <label>Location</label>
                                    <span style="color:red;" id="Loc_error"></span>
                                    <input type="text" class="form-control" id="Location" name="Location" value="<?php echo $data['Location'];?>" onFocus="clear_Loc()">
                                </div>


                                <div class="btn-group">
                                    <button type="button" onclick="UpdateSeoData()" class="btn btn-primary">Submit</button>
                                    <button type="text" class="btn btn-default">Cancel</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

        </section>

数据插入表
页面标题

$（文档）.ready（函数（）{
函数UpdateSeoData（）{
$.ajax({
键入：“POST”，
url:file.php，
数据类型：'json'，//响应的数据类型
数据：JSON，
contentType:'application/json'，
成功：功能（数据）{
$（'#abcd'）。追加（'successfully inserted'）；
},
错误：函数（jqXHR、textStatus、errorshown）{
handleErrors（'Error:'，textStatus，errorSprown）；
}
});
}     
})
问题：

我想在特定元素之后创建并添加新元素，但要使用javascript或jquery按id或其名称。有可能吗

答案是：是的，这是可能的

有很多完全不同的方法，但如果我理解您在评论中的解释，那么您需要的是使用以下方法：

下面是一个代码示例，说明了如何执行此操作：


$（函数（）{
//假设yourDiv-是要在id=“one”的元素之后添加的元素
var yourDiv=“在#一之后添加”；
$（yourDiv）。插入后面的（#one”）；
});

内容之一
二者的内容
是的，这是可能的。您的问题不完整，应该包含代码示例，您所做的一切都是可能的。但是你能给我们看看你的代码吗？为了更好地帮助您，您应该使用：
document.createElement
方法，这里是来自MDN的一个很好的参考：欢迎使用Stackoverflow。请花点时间来了解如何使用平台，兄弟，我已经给了他在ans中应该使用的执行代码，这不是为了完成他的全部任务cod@might对你来说是显而易见的，但对其他人来说不是。如果您试图提供完整的文档预览代码，请确保使用正确的
，并包含必要的代码。另外，首先要确保StackOverflow上没有包含该问题的答案。另外，简短地解释一下你们的变化和改进会有帮助。现在我包括了你们所期望的，先生。但我也在努力每天给出答案，我会向你们学习如何回答
$('.content-header').append('<div class="success_msg"></div>');
                                                        $('.success_msg').html("<div class='alert alert-success' role='alert' style='font-size: 15px;'><?php echo $message["success"];?></div>");

    <!DOCTYPE html>
        <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
        <script>
        $(document).ready(function(){
    function UpdateSeoData(){
         $.ajax({
                type: 'POST',
                url:  file.php,
                dataType: 'json', // data type of response      
                data: JSON,
                contentType:'application/json',
                success: function(data){
                    $('#abcd').append('SuccesFully Insrted');
                },
                error: function(jqXHR, textStatus, errorThrown){
                handleErrors('Error: ' , textStatus , errorThrown);
                }


            });

    }     
        })
        </script>
        </head>
        <body>
        <div id="abcd"></div>
        </body>
        </html>