Создайте динамическую группу списков BS с помощью jQuery. ⇐ Jquery

[Anonymous]

var jResult =
[
{
"JobID": 3,
"JobTitle": "DBA",
"PostingURL": "https://www.google.com",
"PostingText": "Posted at Indeed",
"StartDate": "2019-01-14T00:00:00",
"EndDate": "2024-12-31T00:00:00",
"Active": true
},
{
"JobID": 1,
"JobTitle": "UI Designer",
"PostingURL": "https://www.yahoo.com",
"PostingText": "Posted at Indeed",
"StartDate": "2019-01-14T00:00:00",
"EndDate": "2025-02-28T00:00:00",
"Active": true
},
{
"JobID": 4,
"JobTitle": "Project Manager",
"PostingURL": "https://www.stackoverflow.com",
"PostingText": "Posted at Indeed",
"StartDate": "2019-03-25T00:00:00",
"EndDate": "2024-12-31T00:00:00",
"Active": true
}
];
$.each(jResult, function (index, curr) {
var title = curr.JobTitle;
var postingText = curr.PostingText;
var postingUrl = curr.PostingURL;
console.log(postingUrl);
var postDate = curr.StartDate;

var jLink = '';
var jDiv = '';
var hdr = '' + title + '';
var spnSD = '' + postDate + '';
var pJob = '' + postingText + '
';
var spnMoreInfo = 'Posting URL goes here.';

$(jDiv).append($(hdr), $(spnSD));
$(jLink).append($(jDiv), $(pJob), $(spnMoreInfo));
$("#divLg").append($(jLink));
});














Я использую Ajax для вызова метода веб-службы для получения набора данных и пытаюсь отобразить его с помощью группы списков BS.
Я пробовал разные методы создания отдельных элементов списка внутри цикла, ни один из которых, похоже, не работал. Это последняя попытка.
HTML:



Успех Ajax:
}).done(function (result) {
if (!result || result.d === "") {
}
else {
jResult = JSON.parse(result.d);

$.each(jResult, function (index, curr) {
var title = curr.Title;
var postingText = curr.PostingText;
var postDate = curr.StartDate;

// First attempt, totally off!

//$('';
var jDiv = '';
var hdr = '' + title + '';
var spnSD = '' + postDate + '';
var pJob = '
' + postingText + '
';
var spnMoreInfo = 'Posting URL goes here.';

$jLink = $(jLink);
$jDiv = $(jDiv);
$hdr = $(hdr);
$spnSD = $(spnSD);
$pJob = $(pJob);
$spnMoreInfo = $(spnMoreInfo);

$('#jDiv' + index).append($(hdr));
$('#jDiv' + index).append($(spnSD));
$('#jLink' + index).append($(jDiv));
$('#jLink' + index).append($(pJob));
$('#jLink' + index).append($(spnMoreInfo));
$('#divLg').append($(jLink));
});
}
}).fail(function (jqXHR, textStatus, errorThrown) {
//alert(textStatus + ' - ' + errorThrown + '\n' + jqXHR.responseText);
});

Я пытаюсь получить:



Some Title
10/11/2024

Some placeholder content in a paragraph.
And some small print.


...




Подробнее здесь: https://stackoverflow.com/questions/790 ... ing-jquery