获取JQuery/JQuery Mobile中div元素的内容_Jquery_Jquery Mobile

获取JQuery/JQuery Mobile中div元素的内容

jquery jquery-mobile

获取JQuery/JQuery Mobile中div元素的内容,jquery,jquery-mobile,Jquery,Jquery Mobile,我有3.html文档。 1:products1.html 2:products2.html 3:allproducts.html 在products1.html和products2.html上，我有显示我的产品的div元素，例如product1.html： <div data-role="content" id="product1items"> <ul data-role="listview"> <li> <a

我有3.html文档。 1:products1.html 2:products2.html 3:allproducts.html

在products1.html和products2.html上，我有显示我的产品的div元素，例如product1.html：

<div data-role="content" id="product1items">

    <ul data-role="listview">
        <li>
        <a href="item1.html" data-ajax="false" data-transition="slide">
            <img src="images/item1.jpg">
            <h2>Item1</h2>

        </a>
        </li>
</ul>
</div>

在allproducts.html上，我想获取products1.html和products2.html中的元素，因此此页面将显示我的所有产品。在JQuery/jquerymobile中我将如何做到这一点

提前谢谢

因为我是一个新用户，所以我不能在自己的帖子上发布回复，所以我更新了这篇帖子

我现在有以下内容（到目前为止只创建了products1.html和allproducts.html）。我正试图将products1.html的内容加载到allproducts.html中，你能告诉我我做错了什么吗

products1.html：

<html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>  
</head>

<body>

<div data-role="page" id="productpage">

    <div data-role="content" id="product1">
        <ul data-role="listview">
        <li>
        <a href="item1.html" data-ajax="false" data-transition="slide">
            <img src="images/item1.jpg">
            </a>
        </li>
        </ul>
     </div>
 </div>
</body>
</html>

allproducts.html：

<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>


</head>

<body>

    <div data-role="page" id="allproductspage">

    <div data-role="content" id="allproducts">
        </div>

<script>
$.get( "products1.html", function( data ) {
  $( ".allproducts" ).append( data );
  alert( "Load was performed." );
});
</script> 

 </div>

</body>
</html>


$.get（“products1.html”，函数（数据）{
$（“.allproducts”）。追加（数据）；
警报（“已执行加载”）；
});

您可以向html文件发送AJAX请求，并将答案的内容附加到allproducts.html

    $.get( "products1.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });
  $.get( "products2.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });

如果您需要任何技术细节，我将编辑此答案。

您可以向html文件发送AJAX请求，并将答案的内容附加到您的allproducts.html

    $.get( "products1.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });
  $.get( "products2.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });

如果您需要任何技术细节，我将编辑此答案。

您可以向html文件发送AJAX请求，并将答案的内容附加到您的allproducts.html

    $.get( "products1.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });
  $.get( "products2.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });

如果您需要任何技术细节，我将编辑此答案。

您可以向html文件发送AJAX请求，并将答案的内容附加到您的allproducts.html

    $.get( "products1.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });
  $.get( "products2.html", function( data ) {
      $( "#allproducts" ).html($( "#allproducts" ).html(  )+data );
      alert( "Load was performed." );
    });

如果您需要任何技术细节，我将编辑此答案

确定HTML文件是静态的吗？那你为什么不把数据硬编码呢？你用的是什么服务器技术？（PHP？ASPX？）这不是一个真正的客户端jQuery问题，因为它更适合服务器端解决方案，除非有大量数据。我这样做是为了一个项目，制作一个移动网站。所以这就是为什么我不只是硬编码数据，来测试它是如何工作的。。在“现实生活”中，我猜您可能有100个ProductsPage，因此希望“allproducts.html”动态更新。html文件肯定是静态的吗？那你为什么不把数据硬编码呢？你用的是什么服务器技术？（PHP？ASPX？）这不是一个真正的客户端jQuery问题，因为它更适合服务器端解决方案，除非有大量数据。我这样做是为了一个项目，制作一个移动网站。所以这就是为什么我不只是硬编码数据，来测试它是如何工作的。。在“现实生活”中，我猜您可能有100个ProductsPage，因此希望“allproducts.html”动态更新。html文件肯定是静态的吗？那你为什么不把数据硬编码呢？你用的是什么服务器技术？（PHP？ASPX？）这不是一个真正的客户端jQuery问题，因为它更适合服务器端解决方案，除非有大量数据。我这样做是为了一个项目，制作一个移动网站。所以这就是为什么我不只是硬编码数据，来测试它是如何工作的。。在“现实生活”中，我猜您可能有100个ProductsPage，因此希望“allproducts.html”动态更新。html文件肯定是静态的吗？那你为什么不把数据硬编码呢？你用的是什么服务器技术？（PHP？ASPX？）这不是一个真正的客户端jQuery问题，因为它更适合服务器端解决方案，除非有大量数据。我这样做是为了一个项目，制作一个移动网站。所以这就是为什么我不只是硬编码数据，来测试它是如何工作的。。在“现实生活”中，我想你可能有100个productspages，因此希望“allproducts.html”能够动态更新。嗨，Sekai，我（几乎）是一个完全的新手，所以如果你能在正确的方向上帮助我，我将不胜感激：）我在代码部分所做的是要求products1.html的html内容，在我得到它之后，我把内容放在一个名为allproductsContainer的div中的allproducts.html文件中，javascript代码应该在你的allproducts.html文件中Hi Sekai，我（几乎）是个新手，所以如果你能帮我找到正确的方向，这将是非常感谢：）我在代码部分所做的是请求products1.html的html内容，在我得到它之后，我将内容放在allproducts.html文件中的一个div中，该div有一个名为allproductsContainer的类，javascript代码应该在你的allproducts.html文件中Hi Sekai，我（几乎）是一个新手，因此，如果你能帮我找到正确的方向，我将不胜感激：）我在代码部分所做的是请求products1.html的html内容，在我得到它之后，我获取内容并将其放在一个名为allproductsContainer的div中的allproducts.html文件中，javascript代码应该在您的allproducts.html文件中Hi Sekai，我（几乎）是一个新手，因此如果您能在正确的方向上帮助我，我将不胜感激：）我在代码部分所做的是询问products1.html的html内容，获取内容后，我将其放在一个名为allproductsContainer的div中的allproducts.html文件中，javascript代码应该在allproducts.html文件中