Question

html代码块：

index.php html块：

<div class="row">
    <button id="addoption" type="submit">add</button>
</div>

external.php

<div class="well" id="optionform" >hello</div>

我想在index.php中div#optionform之后添加div.row（在externall.php中）

我试试这个：

$('#addoption').on('click',function(){
    $(this).parent().after().load( "externall.php #optionform" );
});

它会添加div.row。（它用div#optionform）替换div.row

我只想在div#optionform之后添加div.row html块。

我该怎么办？

我想要这个：

<div class="row">
    <button id="addoption" type="submit"></i>add</button>
</div>
<div class="well" id="optionform" >hello</div>

Answer 1

$('#addoption').on('click',function(){
    $(document).load( "externall.php #optionform" );  
    $("#optionform").insertAfter($(this).parent());
});

Answer 2

追加不起作用。它也取代了

最后我通过这种方式解决了它：

$('#addoption').on('click',function(){
        var response;
        $.ajax({ type: "GET",   
            url: "externall.php",   
            async: false,
            success : function(text)
            {
                response= text;
            }
        });
        $(this).parent().after(response);
    });

Answer 3

我不完全确定在没有看到代码的情况下如何设置external.php，所以我无法告诉您如何获取数据。

<script type="text/javascript">
var optionscount=0;
    $( "#addoption" ).click(function() {
       $( "#options" ).append("<div class=\"well\" id=\"optionform("+optionscount+"\">hello</div>");
    });
</script>

<div class="row" id="options">
    <button id="addoption" type="submit"></i>add</button>
</div>

Answer 4

正如@Alok Mishra所提到的，您可以使用.append()在指定元素下添加元素。你使用它像：

$('#parent').append( $('#child') );

所以你可以写：

$('#addoption').click(function(){
  $(document).load("external.php #optionform");
  $('.row').parent().append( $('#optionform') );
})

注意：我仅在external.php拼写l。我认为这是一个从酸性方面拼错的。

jQuery在元素后加载ajax

4 个答案: