For-each内部的每个内部...... For-each循环的未确定数量

时间:2015-04-28 13:58:50

标签: javascript jquery html css

我有一种动态创建表格的情况。表格数量不确定,因此可能有一个表格,或者可能有十个表格等。

然后我将第一个值的概率除以它所添加的表中所有数字的概率(例如0.50/(0.50+0.94+0.80)),然后将它乘以下一个表中的数字相同对它执行的等式(例如0.54/(0.54+0.49+0.32)),最后将该数字乘以下一个表格中的数字,并在其上执行相同的等式(例如0.11/(0.11+0.18+0.72))...这可以继续很长一段时间取决于有多少桌子。

在这种情况下,在执行此等式时将创建27个不同的数字,直到您使用了表格中的每个数字组合(3 * 3 * 3组合)。

因此,我的目标是创建一个动态执行此乘法的函数,只知道attributeGroup上包含每个表的类div(如下所示)。

到目前为止,我一直在考虑使用jQuery的每个函数,就像在$('.attributeGroup').each(...中一样,并且还考虑过将选定的表行放入一个数组中,然后将它们弹出一次用于每个attributeGroup {{ 1}} ...

一个例子:
如果你只有两个表,第一个有两行,概率为0.2和0.3,第二个有两行,概率为0.4和0.5,你首先要(0.2/(0.2+0.3)) * (0.4/(0.4+0.5)),然后是(0.2/(0.2+0.3)) * (0.5/(0.4+0.5)),然后(0.3/(0.2+0.3)) * (0.4/(0.4+0.5)),最后是(0.3/(0.2+0.3)) * (0.5/(0.4+0.5))

使用Oucomes: 0.177777777770.222222222220.266666666660.33333333333



table {
  text-align: center;
  width: 100%;
}

<div class="attributeGroup">
  <h3>Group 1</h3>
  <table>
    <tr>
      <th>Type 1</th>
      <th>Probability</th>
    </tr>
    <tr>
      <td>Val 1</td>
      <td>.50</td>
    </tr>
    <tr>
      <td>Val 2</td>
      <td>.94</td>
    </tr>
    <tr>
      <td>Val 3</td>
      <td>.80</td>
    </tr>
  </table>
</div>

<br>

<div class="attributeGroup">
  <h3>Group 2</h3>
  <table>
    <tr>
      <th>Type 2</th>
      <th>Probability</th>
    </tr>
    <tr>
      <td>Val 1</td>
      <td>.54</td>
    </tr>
    <tr>
      <td>Val 2</td>
      <td>.49</td>
    </tr>
    <tr>
      <td>Val 3</td>
      <td>.32</td>
    </tr>
  </table>
</div>

<br>

<div class="attributeGroup">
  <h3>Group 3</h3>
  <table>
    <tr>
      <th>Type 3</th>
      <th>Probability</th>
    </tr>
    <tr>
      <td>Val 1</td>
      <td>.11</td>
    </tr>
    <tr>
      <td>Val 2</td>
      <td>.18</td>
    </tr>
    <tr>
      <td>Val 3</td>
      <td>.72</td>
    </tr>
  </table>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案