用jQuery填充表

时间:2016-05-09 22:25:39

标签: jquery html

我有这张桌子

<table class="table table-hover">
              <thead>
                  <tr>
                    <th>Person</th>
                    <th>Ethereum Address</th>
                    <th>Transaction count</th>
                    <th>Balance (in Wei)</th>
                    <th>Transaction</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Person 1</td>
                    <td class="address" id=""></td>
                    <td class="transaction"></td>
                    <td class="balance"></td>
                    <td class="ether"></td>
                    <td class="time" id=""></td>
                  </tr>
                  <tr>
                    <td>Person 2</td>
                    <td class="address" id=""></td>
                    <td class="transaction"></td>
                    <td class="balance"></td>
                    <td class="ether"></td>
                    <td class="time" id=""></td>
                  </tr>
                  <tr>
                    <td>Person 3</td>
                    <td class="address" id=""></td>
                    <td class="transaction"></td>
                    <td class="balance"></td>
                    <td class="ether"></td>
                    <td class="time" id=""></td>
                  </tr>
                </tbody>
              </table>

我想用jQuery迭代表,并使用web3.eth.accounts[i](使用我自己的测试链地址)用相应的以太坊地址填充地址字段(例如)。

我尝试过不同的方式,但没有一种方法可行。目前,我正在尝试

$("tbody").find("tr").each(function() { //get all rows in table   
    $(this).find('td.address').innerText = web3.eth.accounts[0] // just trying to place account 0 to test the loop
});

基于对类似问题的stackoverflow回答。

jQuery代码有什么问题?

1 个答案:

答案 0 :(得分:1)

你不使用带有jQuery的innerText - 只是.text() - 你可以选择选择器中的地址类来定位所需的td而不使用find()。以下将迭代tbody中的所有.addresses并将所需的文本添加到td(假设“i”是您要插入的web3.eth.accounts的索引)

var i=0;
$("tbody .address").each(function() {   
    $(this).text(web3.eth.accounts[i]);
    i++
   });