Я пытаюсь извлечь содержимое указанного c div из html страниц, используя метод ajax и мои bootstrap вкладки. Мой код следующий:
<div class="row">
<h5 class="text-center">2019</h5>
<a class="text-center button btn-block btn-sm active my-1" id="v-pills-1219-tab" href="../communication/2019/1219.html" data-target="#v-pills-1219" data-toggle="pill" aria-controls="v-pills-1219" aria-selected="true">1219</a>
<a class="text-center button btn-block btn-sm my-1" id="v-pills-1114-tab" href="../communication/2019/1114.html" data-target="#v-pills-1114" data-toggle="pill" aria-controls="v-pills-1114" aria-selected="false">1114</a>
<a class="text-center button btn-block btn-sm my-1" id="v-pills-1113-tab" href="../communication/2019/1113.html" data-target="#v-pills-1113" data-toggle="pill">1113</a>
</div>
123 456
И мой javascript здесь:
$(document).ready(function() {
$('[data-toggle="pill"]').click(function(e) {
e.preventDefault()
var loadurl = $(this).attr('href')
var targ = $(this).attr('data-target')
$.get(loadurl, function(data) {
$(targ).html(data)
});
$(this).tab('show')
$('[data-toggle="tab"]:first').click();
});
});
То, что я хочу сделать, это извлечь указанный c ID, #content с каждой из этих страниц: 1219. html, 1114. html, et c.
Как бы я совершил sh это с моим текущим Javascript?