zoOmer,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
table{
border-collapse: collapse;
}
</style>
</head>
<body>
<div id="table-lizing-traktor"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
var goods = [
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '82.1',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.11',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '892',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.21',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '920',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.31',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '922.3',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.42',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '952.2',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '2.42',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '1025.2',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '2.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '1221.2',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '2.24',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '1523.В',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '2.16',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '82.1',
country: {
ru:'Украина',
ua: 'Україна',
},
price: '2.16',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '892',
country: {
ru:'Украина',
ua: 'Україна',
},
price: '1.85',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '1221.2',
country: {
ru:'Украина',
ua: 'Україна',
},
price: '1.19',
},
]
var items = ["name", "model", "country", "price"],
country = "ru",
table = $("<table/>", {
attr: {
border: "1",
width: "500"
}
}),
tr = $("<tr>");
tr.clone().html("<td>Марка техники</td><td>Модель техники</td><td>Страна производитель</td><td>Цена</td>").appendTo(table);
goods.forEach(function(b) {
var c = tr.clone().appendTo(table);
items.forEach(function(a) {
a = b[a];
a = a[country] || a;
$("<td>", {
html: a
}).appendTo(c)
})
});
$("#table-lizing-traktor").append(table);
})
</script>
</body>
</html>