Jquery 每个函数组合两个$
我有一个需要在两个json数组上运行的函数。当我为每个数组重复该函数时,它工作得很好。但绝对不是编写代码的正确方法。我需要为陷入困境的json数组组合$。每个 这是我的职责:Jquery 每个函数组合两个$,jquery,json,Jquery,Json,我有一个需要在两个json数组上运行的函数。当我为每个数组重复该函数时,它工作得很好。但绝对不是编写代码的正确方法。我需要为陷入困境的json数组组合$。每个 这是我的职责: $(function() { $.getJSON('data.json', function(data) { $.each(data.Full_Talktime, function(index, plan) { var tblPara = $('<p class="c
$(function() {
$.getJSON('data.json', function(data) {
$.each(data.Full_Talktime, function(index, plan) {
var tblPara = $('<p class="col1">').html("<b>Talktime</b><br>");
var tblValidity = $('<p class="col2">').html("<b>Validity</b><br>");
var tblPrice = $('<p class="col3">');
var tblDescription = $('<p class="row2">').html("<b>Description</b><br>");
var endline =$('<div class="end">');
tblPara.append('<div class="para">' + plan.Talktime + '</div>');
tblValidity.append('<div class="para">' + plan.Validity + '</div>');
tblPrice.append('<div class="col3para">' + plan.Price + '</div>');
tblDescription.append('<div class="para">' + plan.Description + '</div>');
console.log(plan);
$(".content").append(tblPara).append(tblValidity).append(tblPrice).append(tblDescription).append(endline);
});
$.each(data.Special_Recharge, function(index, plan) {
var tblPara = $('<p class="col1">').html("<b>Talktime</b><br>");
var tblValidity = $('<p class="col2">').html("<b>Validity</b><br>");
var tblPrice = $('<p class="col3">');
var tblDescription = $('<p class="row2">').html("<b>Description</b><br>");
var endline =$('<div class="end">');
tblPara.append('<div class="para">' + plan.Talktime + '</div>');
tblValidity.append('<div class="para">' + plan.Validity + '</div>');
tblPrice.append('<div class="col3para">' + plan.Price + '</div>');
tblDescription.append('<div class="para">' + plan.Description + '</div>');
console.log(plan);
$(".content").append(tblPara).append(tblValidity).append(tblPrice).append(tblDescription).append(endline);
});
});
});
假设您只是试图减少重复代码,您可以在两种情况下使用函数引用:
{
"Ai": [
{"Full_Talktime":[
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"}
],
"Special_Recharge":[
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 3000", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 3000", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 3000", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"},
{"Talktime":"300", "Validity":"Lifetime","Price":"Rs 300", "Description":"200 full talktime"}
]
}
]
}
$.each(data.Full_Talktime, printPlan);
$.each(data.Special_Recharge, printPlan);
function printPlan(index, plan) {
var tblPara = $('<p class="col1">').html("<b>Talktime</b><br>");
var tblValidity = $('<p class="col2">').html("<b>Validity</b><br>");
var tblPrice = $('<p class="col3">');
var tblDescription = $('<p class="row2">').html("<b>Description</b><br>");
var endline =$('<div class="end">');
tblPara.append('<div class="para">' + plan.Talktime + '</div>');
tblValidity.append('<div class="para">' + plan.Validity + '</div>');
tblPrice.append('<div class="col3para">' + plan.Price + '</div>');
tblDescription.append('<div class="para">' + plan.Description + '</div>');
console.log(plan);
$(".content").append(tblPara).append(tblValidity).append(tblPrice).append(tblDescription).append(endline);
});
$(function() {
$.getJSON('data.json', function(data) {
$.each(data.AI, function(index, plan) {
$.each( plan,function(i,obj) {
// i will be Full_Talktime,Special_Recharge iteratively..
var recharge_instance = obj //obj will be the object and u can access like obj.Talktime;
// print stuff out here...
}
});
});
});