使用参数在Jquery中的另一个文件中加载文件

Posted 2021-05-04

我试图通过Jquery将html文件加载到另一个HTML文件中。但我也想通过文件传递参数。

例：

HTML文件index.html

<div class="module" data-module="m001">
  <div class="parameter" id="headline">Lorem ipsum dolor</div>
  <div class="parameter" id="foo">bar</div>
</div>

index.html现在加载m001.html

<div class="m001">
  <h1 id="headline">Headline</h1>
  <p id="foo">Text</p>
</div>

现在应该在index.html中集成m001.html。 m001.html中的h1标签应填充index.html的参数值。

所以输出如下：

<div class="m001">
  <h1 id="headline">Lorem ipsum dolor</h1>
  <p id="foo">bar</p>
</div>

你有什么想法，我是如何在jquery中实现这一点的？

答案

好的，现在它有效。

<script>

    //$(".module").append($("<div>").load("m001.html"));    
    var x = 0;

    $("[data-module]").each(function() {
      //alert($(this).attr("data-module"));

        var div = this;
        var module = $(this).attr("data-module");
            x = x+1;
        var id = $(this).attr("id","id-"+x);

        $("<div>").load($(this).attr("data-module") + ".html", function() {
              $(div).append($(this).html());


            //$("[parameter]").each(function() {
            $("#"+$(div).attr('id')).children("[parameter]").each(function() {

                var element = $(this).attr("parameter");
                var value = $(this).html();

                //alert(element + " - " + value + " - " + $(div).attr('id'));


                $("#" + $(div).attr('id') + " #" + element).html(value);

            });

        });

    }); 

</script>

下一步可能是设置不同的类型。是文字，图像还是其他？如果有人有个好主意，请分享。

公司