将对象属性转换为表jQuery

时间:2017-01-13 20:44:26

标签: javascript jquery html oop html-table

我在这里有下表

    <table>
        <thead>
            <tr>
                <th>Loan Type</th>
                <th>Amount Borrowed</th>
                <th>Current Payment</th>
                <th>Current Term</th>
                <th>Total Cost of Loan</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>

我有一个具有以下属性的对象
Object {balance: 10000, monthlyPayment: 98.41810662028588, total: 11810.172794434306}(全部从Chrome控制台复制)

我将如何做这样的事情<td>object.balance</td>我只需要一个属性的单一值。我尝试过以下$(object.balance)appendTo('tr'),但似乎没有任何效果。

4 个答案:

答案 0 :(得分:1)

使用它来增加所有td元素的平衡

$('td').html(object.balance);

首先是td

$('td').first().html(object.balance);

答案 1 :(得分:0)

有几种方法可以做到这一点。看起来你正在使用jQuery。

EditPersonComponent

答案 2 :(得分:0)

这样做是选择你在specfic_tr_number中指定的'td'项,并将它的值设置为指定的对象值。古德勒克。

definitions:
  Origin:
    type: string
    description: Campaign origin
    enum: &origin
      - one
      - two

paths:
  /test:
    get:
      parameters:
        - in: query
          name: status
          description: Origin
          required: false
          type: array
          collectionFormat: pipes
          items:
            type: string
            enum: *origin

答案 3 :(得分:0)

你还需要创建dynically td。我正在创建td dynically acc对象中的字段数。我在fsfiddle.Link中编写的代码如下: -

var obj =  {balance: 10000, monthlyPayment: 98.41810662028588, total: 11810.172794434306}

for (var i in obj) {
   var tdtag = document.createElement('td')
   tdtag.innerHTML = obj[i]
   var rowid = document.getElementById('rowId')
    rowid.appendChild(tdtag)
}