Question

一定是jquery

我的文件text.html中包含6个div（a，b，c，d，e，f）

在另一个文件中我有一个div，我喜欢将a + b + c + d + e + f的内容填充到该单个div中

我试过.load =但是b重新说明了我尝试追加，但我需要一个临时变量

所以现在我被困了

该代码从文件textes.html获取内容... div #a并将内容放入div #right，但第二次释放右侧的内容右侧b

我想将内容添加到a + b NOT a over b

$(document).ready(function(){
var temp = load('textes.html #nicolas');
$('#right').append(temp);
var temp = load('textes.html #antoine');
$('#right').append(temp);
.
.
.
.

return false;
});

该代码是应该起作用的理念，但是我不能使ajax .load（）将内容加载到变量中以将内容附加到div ...

<script type="text/javascript">
$(document).ready(function(){    
$.ajax({
  url: "textes.html",
  cache: false,
  success: function(html){
    $("#right").append(html);
  }
});
});
</script>

该代码加载WHOLE html文件，我只想获得一些选定的DIV＃

Answer 1

$(document).ready(function(){    
    $.get("textes.html",function(data){
        $("#right").append($("#nicolas",data)).end().append($("#antoine",data));
    },'html');    
});

Answer 2

我刚才有类似的问题，我想我找到了一种方法，可以使用.load（）函数做我们想要的事情。它不漂亮，但没关系;）

首先，我在我的html中添加了一个“TempDiv”，其中包含“visibility：hidden”风格。

<div id="TempDiv" style="visibility:hidden"></div>

然后运行jQuery：

$(document).ready(function(){
        $('#TempDiv').load('textes.html #nicolas', function(){
            $('#right').append($('#TempDiv').html());
        });

    });

我不确定这是最好的方式！

PS：这是我的第一个stackoverflow帖子;）

Answer 3

试，

$.get('url.php', function(data) {
    $("#right").append(data);
});

Answer 4

这听起来像jQuery？请说明您正在使用的框架，因为我无法真正看到它提到它。无论如何，追加应该工作。做一些像：

mydiv.append(a.text());
mydiv.append(b.text());
mydiv.append(c.text());
mydiv.append(d.text());
mydiv.append(e.text());
mydiv.append(f.text());

他们都应该被附加到mydiv。注意：如果您还需要html，请使用.html（）函数而不是.text（）。

Answer 5

JQuery（http://jquery.com/）是一个很好的javascript库，您可以使用它来执行AJAX请求以获取其他文件。有关详情，请参阅此问题：Use jQuery to replace XMLHttpRequest

Ajax追加负载

5 个答案: