Question

我想从外部文件将HTML块添加到我的网站中。该文件位于我的服务器上，包含列表条目的蓝图。当用户搜索某些内容时，结果应附加一个循环，并显示外部HTML文件中的代码。

以下是我的网页结构：

主页

<div id="content">
  // Display List elements here
<div>

我的JQuery代码

$.('#search-btn').click(function(){
  getElements();
});

function getElements(){
  // Getting elements from server and saving the in the variable data
  for(var i = 0; i < data.length; i++){
    // Append the Elements to the div with id="content"
  }
}

元素的蓝图，不同的HTML文件

<div class="element">
  <p class="show_name"></p>
  <p class="show_email"></p>
  <p class="show_birthday"></p>
</div>

因此，我需要将多个蓝图附加到主页面的content-div。关于如何使用JQuery实现这一点的任何想法？：）

Answer 1

试试这个解决方案

function getElements(){
  var div = $('#content');
  // Getting elements from server and saving the in the variable data
  $.get( "/url/to/file.html", function(response) {
    for(var i = 0; i < data.length; i++){
      div.append($(response));
    }

  });
}

Answer 2

创建一个类名为“main”的主div，您可以使用以下代码：

function getElements() {
    for(var i = 0; i < data.length; i++){
        $(".main").append("<div class='content'><div class='show_name'>"+data.value1+"</div><div class='show_email'>"+data.value2+"</div><div class='show_birthday'>"+data.value3+"</div></div>");
    }
}

Answer 3

尝试以下：

try {
    if(!ptr) {
       //Your pointer ain't null, do something.
    } else {
       //Your pointer is null, raise an exception.
       throw PointerException::NullReference;
    }
} catch(PointerException exception) {
   //Do something with your exception
}

查看工作代码：https://jsfiddle.net/9p77afc3/12/

将HTML数据从另一个文件追加到div

3 个答案: