Question

我的要求是在成功进行Ajax调用时，将所有具有特定属性array( "description": getDescription($id), "deposit": getPrices($id); ) function getPrices($id) { $test = Prices::where('price_id',$id)->where('promo',0)->get(); $price = []; $data = []; foreach($test as $t) { $data["item_id"] = $t->id; $data["price"] = $t->list; $data["type"] = $t->type; $price = $data; } return $price; }的{{1}}装入各自的tables中。目前，使用以下语句可以在单个class中加载单个div。

table

但是我想在各自的div中加载所有表。以下是我的示例html代码

div

我试图做

$('#div1').load(' #table1');

但是它将加载每个<div id="div1" class="div"> <table id="table1" class="table"></table> </div> <div id="div2" class="div"> <table id="table2" class="table"></table> </div> <div id="div3" class="div"> <table id="table3" class="table"></table> </div>中的所有$('.div').load(' .table');。我如何实现我的目标？预先感谢。

注意：我没有发布原始代码，因为它分散了注意力。所有表都使用JSP从mysql数据库加载数据。

Answer 1

mat-tab

假设每个表格对应于相同编号的div。

Answer 2

您可以通过使用父级div和子级table元素上的公共类来干燥并循环使用相关URL和load()来调用id：< / p>

<div class="div">
    <table id="table1" class="table"></table>
</div>
<div class="div">
    <table id="table2" class="table"></table>
</div>
<div class="div">
    <table id="table3" class="table"></table>
</div>

$('.div').each(function() {
  var $table = $(this).find('.table');
  $table.load(`${url} #${$table.prop('id')}`);
});

Answer 3

这可以用一个衬里来完成

$(".table").append("<tr><td>load data</td></tr>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">
    <table id="table1" class="table"></table>
</div>
<div class="div">
    <table id="table2" class="table"></table>
</div>
<div class="div">
    <table id="table3" class="table"></table>
</div>

在成功的ajax调用中加载特定类的所有表

3 个答案: