Javascript 为什么要复制我的表行?

Javascript 为什么要复制我的表行?,javascript,jquery,html,Javascript,Jquery,Html,我正在使用jQuery生成一个表,并从数据结构加载它的行 我不明白为什么表会加载正确的行和序列,但它会重复这组行,所以我最终会得到双倍的数据 我已经创建了一个显示结果的对话框 我有这个HTML: <table class="trans-calc gateway-selector"> <tbody> <tr> <td> <h4>MERCHANT FACILIT

我正在使用jQuery生成一个表,并从数据结构加载它的行

我不明白为什么表会加载正确的行和序列,但它会重复这组行,所以我最终会得到双倍的数据

我已经创建了一个显示结果的对话框

我有这个HTML:

<table class="trans-calc gateway-selector">
    <tbody>
        <tr>
            <td>
                <h4>MERCHANT FACILITIES:</h4>
            </td>
        </tr>
        <tr>
            <td>
                <table id="merchants">
                    <thead>
                    <tr>
                        <th style="width: 50%;">MERCHANT</th>
                        <th style="width: 25%;">TRAN. FEE</th>
                        <th style="width: 25%;">CARD COST</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

商户设施:
商人
特兰。费用
卡费
我的JS看起来像这样:

var eway_link = "<a href='https://www.eway.com.au' target='_new'>eWay</a>";
var stripe_link = "<a href='https://stripe.com/au' target='_new'>stripe</a>";
var checkout_link = "<a href='https://www.2checkout.com' target='_new'>2checkout</a>";
var pin_payments_link = "<a href='https://pin.net.au/' target='_new'>Pin Payments</a>";
var securepay_link = "<a href='https://www.securepay.com.au/' target='_new'>SecurePay</a>";
var paypal_link = "<a href='https://www.paypal.com/au/' target='_new'>PayPal</a>";

var merchants = [{
    "eway": [{
        "transaction_fee": 0.30,
            "domestic_card_cost": 0.026,
            "plan": "Have a Go Plan",
            "link": eway_link,
            "img": '<img src="/wp-content/uploads/eway.png"/>'
    }]
}, {
    "stripe": [{
        "transaction_fee": 0.30,
            "domestic_card_cost": 0.0175,
            "plan": "Standard Plan",
            "link": stripe_link,
            "img": '<img src="/wp-content/uploads/stripe.png"/>'
    }]
}, {
    "2checkout": [{
        "transaction_fee": 0.45,
            "domestic_card_cost": 0.0390,
            "plan": "Standard Plan",
            "link": checkout_link,
            "img": '<img src="/wp-content/uploads/2co.png"/>'
    }]
}, {
    "pin_payments": [{
        "transaction_fee": 0.30,
            "domestic_card_cost": 0.0175,
            "plan": "Standard Plan",
            "link": pin_payments_link,
            "img": '<img src="/wp-content/uploads/pin-payments.png"/>'
    }]
}, {
    "secure_pay": [{
        "transaction_fee": 0.30,
            "domestic_card_cost": 0.0240,
            "link": securepay_link,
            "img": '<img src="/wp-content/uploads/securepay.png"/>'
    }]
}, {
    "paypal": [{
        "transaction_fee": 0.30,
            "domestic_card_cost": 0.0240,
            "link": paypal_link,
            "img": '<img src="/wp-content/uploads/paypal.png"/>'
    }]
}];


jQuery(document).ready(function () {
    /** Set up Merchants Table **/
    createMerchantTable();
});

function createMerchantTable() {

    console.log("HERE");

    var table_row = "";
    jQuery("#merchants body").empty();

    jQuery.each(merchants, function (item, value) {

        for (key in value) {

            table_row = "<tr>" +
                "<td id='" + merchants[item] + "'>" + value[key][0]['img'] + "</td>" +
                "<td>" + parseFloat(value[key][0]['transaction_fee']).toFixed(2) + "c</td>" +
                "<td>" + parseFloat(value[key][0]['domestic_card_cost'] * 100).toFixed(2) + "%</td>" +
                "</tr>";

            jQuery("#merchants tbody").append(table_row);

            table_row = "";

        }

    });


}
var-way_-link=”“;
var stripe_link=“”;
var checkout_link=“”;
var pin_payments_link=“”;
var securepay_link=“”;
var paypal_link=“”;
var商户=[{
“通道”:[{
“交易费”:0.30,
“国内卡成本”:0.026,
“计划”:“有一个行动计划”,
"环线:威尤环线,,
“img”:“
}]
}, {
“条纹”:[{
“交易费”:0.30,
“国内卡成本”:0.0175,
“计划”:“标准计划”,
“链接”:条带链接,
“img”:“
}]
}, {
“2切科特”:[{
“交易费”:0.45,
“国内信用卡成本”:0.0390,
“计划”:“标准计划”,
“链接”:签出链接,
“img”:“
}]
}, {
“pin_付款”:[{
“交易费”:0.30,
“国内卡成本”:0.0175,
“计划”:“标准计划”,
“链接”:pin_付款链接,
“img”:“
}]
}, {
“安全支付”:[{
“交易费”:0.30,
“国内卡成本”:0.0240,
“链接”:安全支付链接,
“img”:“
}]
}, {
“贝宝”:[{
“交易费”:0.30,
“国内卡成本”:0.0240,
“链接”:paypal_链接,
“img”:“
}]
}];
jQuery(文档).ready(函数(){
/**设置商户表**/
createMerchantTable();
});
函数createMerchantTable(){
console.log(“此处”);
var表_行=”;
jQuery(“#商家主体”).empty();
jQuery.each(商户、功能(项目、价值){
用于(输入值){
table_row=“”+
“”+值[键][0]['img']+“”+
“+parseFloat(值[key][0]['transaction_-fee'])。toFixed(2)+“c”+
“+parseFloat(值[键][0][‘国内卡成本’]*100)。toFixed(2)+%””+
"";
jQuery(“#商家tbody”).append(表#行);
表_row=“”;
}
});
}

您有两个开口
t车身
,而不是一个开口和一个闭合

替换

<tbody>
<tbody>


您有两个开口
t车身
,而不是一个开口和一个闭合

替换

<tbody>
<tbody>


您有两个开口
t车身
,而不是一个开口和一个闭合

替换

<tbody>
<tbody>


您有两个开口
t车身
,而不是一个开口和一个闭合

替换

<tbody>
<tbody>