У меня есть несколько записей из моей базы данных, отображаемых так в HTML.
<?php foreach($adverts_list as $ad) { ?>
<!--anuncio 1-->
<div class="card all ad-isotope <?php echo $ad->ad_categorie; ?>">
<div class="card-body">
<div class="card-title">
<div class="card-info">
<i class="fa fa-tags"></i>
<p class="card-tag"><?php echo $ad->categorie_name; ?></p>
<?php if($ad->subCategorie_id != 10) { ?>
<p class="card-subcat"> <?php echo $ad->subCategorie_display; ?></p>
<?php } ?>
</div>
</div>
<div class="new-symbol">
<p>
<?php if($ad->ad_nouveau == 1) {
echo "nouveau";
} ?>
</p>
</div>
<div class="card-subtitle">
<p class="db-title"><?php echo $ad->ad_title; ?></p>
<p class="db-subtitle"><?php echo $ad->ad_subtitle; ?></p>
</div>
<div class="card-readmore">
<a data-toggle="modal" href="#ad-detail-modal-<?php echo $ad->ad_id; ?>">
<p class="read-more">voir l'annonce</p>
</a>
</div>
</div>
</div>
Но я не хочу фильтровать их по нажатию кнопки.У меня будет 10 кнопок, каждая из которых соответствует категории.Я не хочу извлекать innerHTML из кнопки и сопоставлять его с записями той же категории.Я застрял здесь
//save in variable all elements refering to categories
var categorias = document.querySelectorAll("a.link");
//a loop to create event on click of each element
for(var i = 0; i < categorias.length; i++) {
categorias[i].addEventListener("click", function() {
//save innerHTML
var categoria = this.innerHTML;
//make ajax call
$.ajax({
url: "index.php",
type: "GET",
dataType: "html",
success: function(response) {
}
});
});
}
Как я могу сделать вызов ajax для поиска записей, которые имеют сохраненную категорию, и отображать только те?