通过jquery迭代

Posted 2023-05-09

【中文标题】通过jquery迭代

【英文标题】：iteration through jquery

【发布时间】：2012-06-23 09:19:12

【问题描述】：

我有一个 jquery 代码，用户可以通过该代码选择他们想借的金额以及他们想在多长时间内还款。

我需要做的是在表格中显示结果，这样如果用户想借 200 美元 30 天，他们可以每天支付 200/30 = 6.66 美元，所以网格将有第 1 天：6.66，天2：6.66，第 3 天：6.66 ......直到第 30 天。

我尝试过使用迭代

创建了一个名为 days 的变量

for( var i=i; i<days; i++) 
    //display days and amount

有什么帮助吗？

如果金额相同，为什么要每天显示金额？ 因为代码中某处有一个滑块，用户可以更改金额和日期以查看他们每天的还款额，它是更大代码的一部分

【问题讨论】：

如果每天都有同样的还款，你为什么还要麻烦每天重复它？用户看到相同的值重复 30 次有什么好处？

那么问题是什么？如果 jquery 出现问题，请在此处输入代码并具体说明您的问题

把var写在循环里，但是为什么每天都一样

因为某处有一个滑块，用户可以更改金额和日期以查看他们每天的还款额

如果你有一张桌子可以试试这样的任何代码：var i = 15; var 天数 = 30; while(i | '+ i +' | ');我++； ，例如。

【参考方案1】：

从这里开始，从这里开始扩展：

html：

Borrow Amount: <input type="text" id="borrow_amt" value="" />
<input type="button" id="update" value="Update Repayment" />

<p>&nbsp;</p>

<table border="1">
<tr><td colspan="30" align="center"> REPAYMENT SCHEME </td></tr>
<tr id="days"></tr>
<tr id="repayment"></tr>
</table>​

CSS：

.td_days  padding: 10px; 

JS：

$(document).ready(function() 

    $('#update').click(function() 

        $('tr#days').html("");
        $('tr#repayment').html("");

        var days = 30;
        for (i=1; i <= days; i++) 
            $('tr#days').append('<td class="td_days">'+ i +'</td>');
        

        for (i=1; i <= days; i++) 
            $('tr#repayment').append('<td class="td_days">'+ $('#borrow_amt').val()/30 +'</td>');
        
    );

);

​

部分代码 c/0 @Alex Ball 的建议，所以给他一个信用。

在此处查看实际代码：http://jsfiddle.net/DHYHx/

【讨论】：

谢谢@Dexter 假设我有 30 列，我想把它分成六列，这样我就有 6 列和 5 行，这可能吗

@user1430825 这是可能的，虽然你会消耗更多的代码。我不能再帮你了，因为我需要做好准备，现在就去某个地方。祝你好运。