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