Javascript 从数组中追加和加载

Javascript 从数组中追加和加载,javascript,jquery,arrays,jquery-load,jquery-append,Javascript,Jquery,Arrays,Jquery Load,Jquery Append,一般来说,我对javascript和jQuery非常陌生,我已经编写这个脚本3天了。我四处寻找这个问题的解决方案,但还没找到。我想我的搜索技能很差 因此,我尝试从多个页面加载一个元素,并将它们附加到现有的DIV中。例如,我有一个名为test.php的页面,其中包含。我还有多个其他页面,称为: pizzas.php pies.php apples.php oranges.php mangos.php 等 这些是我将从中提取数据并加载到test.php的页面。每个列出的页面都有 用户将通过他们填

一般来说,我对javascript和jQuery非常陌生,我已经编写这个脚本3天了。我四处寻找这个问题的解决方案,但还没找到。我想我的搜索技能很差

因此,我尝试从多个页面加载一个元素,并将它们附加到现有的DIV中。例如,我有一个名为test.php的页面,其中包含
。我还有多个其他页面,称为:

  • pizzas.php
  • pies.php
  • apples.php
  • oranges.php
  • mangos.php
这些是我将从中提取数据并加载到test.php的页面。每个列出的页面都有

用户将通过他们填写的文本字段向我发送他们希望从中加载的一串页面。我把它分了。使用该数组,我想为该数组中的每个字符串创建一些DIV。这就是我目前所处的位置,假设一个用户从比萨饼、馅饼和苹果中请求信息:

<script>
var str = "pizzas,pies,apples";
var test = str.split(",");

$.each(test, function(i,v){
  $('#container').append('<div id="' + v + '"></div>');
});

</script>

这就是我被卡住的地方。无论如何,我非常感谢在这方面能得到的任何帮助。

在创建div之后,您似乎可以使用类似的东西:

$("#container > div").each(function() {
    $(this).load("index.php?x=" + this.id + " #about");
});
或者,像这样一次拍摄:

var str = "pizzas,pies,apples";
var test = str.split(",");

var container = $('#container');
$.each(test, function(i,v){
    $("<div></div>", {id: v}).appendTo(container)
        .load("index.php?x=" + v + " #about");
});
var str=“比萨饼、馅饼、苹果”;
var测试=str.split(“,”);
var container=$(“#container”);
$。每个(测试、功能(i、v){
$(“”,{id:v}).appendTo(容器)
.load(“index.php?x=“+v+”#关于”);
});

语法错误。是的,我打错了。谢谢您的收看。:)它可能不起作用,因为您正在向选择器添加引号。
$(“#”+v+”)
应该是:
$(“#”+v)
谢谢!这比我想象的要优雅和简单得多,哈哈。
$("#container > div").each(function() {
    $(this).load("index.php?x=" + this.id + " #about");
});
var str = "pizzas,pies,apples";
var test = str.split(",");

var container = $('#container');
$.each(test, function(i,v){
    $("<div></div>", {id: v}).appendTo(container)
        .load("index.php?x=" + v + " #about");
});