动态将值插入div的多行

时间:2018-08-26 19:05:25

标签: javascript php jquery

给出在php中生成的这样的结构:

UPDATE Stocks SET Stocks.Quantity = Stocks.Quantity - POS.Quantity
FROM PointofSale AS POS
INNER JOIN Menu AS M
  ON M.ItemName = POS.Product
INNER JOIN Recipe AS R
  ON R.MenuID = M.MenuID
WHERE POS.POSID > 0 AND Stocks.ItemID = R.ItemID

每个div都有定位信息(未显示)。

如果将字段值直接放入col div(如图所示),一切都很好。

但是,需要为每个生成的数据值调用主javascript中的format(data)函数。我找不到一种方法来包括每个数据值的调用。在不同位置的脚本标签中尝试了各种形式的jquery,但似乎无济于事。

什么不起作用(将第一行的数据应用于所有行):

<div class="row">
  <div class="col1 field">data_r1_c1</div>
  <div class="col2 field">data_r1_c2</div>
    .. more cols ..
</div>

<div class="row">
  <div class="col1 field">data_r2_c1</div>
  <div class="col2 field">data_r2_c2</div>
    .. more cols ..
</div>
..
more rows
..

1 个答案:

答案 0 :(得分:0)

已编辑

使用 HTML5自定义数据属性 DataAttributes

在php中创建div时会包含未格式化的数据:

uid

然后在浏览器javascript中查找具有未格式化数据的每个元素,对其进行格式化以进行品尝,然后将其应用回html中

$unformattedData = 'something';
$html = <<<EOF
<div data-unformatted="{$unformattedData}"></div>
EOF;

所有这些都无需对div进行唯一标识或分类,从而消除了很多复杂性。

经过测试,效果很棒!