is it possible to get all divs with attribute value from json? I want to make a album screen but songs have same album data, and in result im getting like 5x,6x same divs with same img,name etc.
function filteredAlbums(){
let artistNameData = artistItemTitle.innerText;
const resultsFAV = document.querySelector(".music-artist-information-albums");
var favoritIt = allMusic.filter(x => x.artist === artistNameData);
resultsFAV.innerHTML = "";
for (let i = 0; i < favoritIt.length; i++) {
let resultFAV =
`<div class="music-artist-information-albums-item" album-data='${favoritIt[i].album}'>
<img src="${favoritIt[i].album_cover}">
<p><span class="music-artist-information-albums-item-name">${favoritIt[i].album}</span> <span>${favoritIt[i].album_premiere}</span></p>
</div>`;
resultsFAV.insertAdjacentHTML("beforeend", resultFAV);
}
const artistAlbumName = document.querySelectorAll(".music-artist-information-albums-item['${favoritIt[i].album}']");
let artistAlbumData = artistAlbumName.length;
if(artistAlbumData > 1){
$('.music-artist-information-albums-item').slice(1).remove()
}
console.log(artistAlbumData)
}
{ name: "Good Day", artist: "Twenty one pilots", src: "TwentyOnePilots-MulberryStreet", img: "scaled-and-icy-b-iext104194001", style: "Chill", status: "nostatus", avatar: "41aeb62f0-c2321-f22bsf", artist_img: "https://i.scdn.co/image/ab6761610000e5eb196972172c37d934d9ca8093", album: "Scaled And Icy", album_cover: "https://i.scdn.co/image/ab67616d00001e0220b467550945fd123e00f0a5", album_premiere: "2021", id: "12" }, }, { name: "Never Take It", artist: "Twenty one pilots", src: "TwentyOnePilots-MulberryStreet", img: "scaled-and-icy-b-iext104194001", style: "Chill", status: "nostatus", avatar: "41aeb62f0-c2321-f22bsf", artist_img: "https://i.scdn.co/image/ab6761610000e5eb196972172c37d934d9ca8093", album: "Scaled And Icy", album_cover: "https://i.scdn.co/image/ab67616d00001e0220b467550945fd123e00f0a5", album_premiere: "2021", id: "13" }, },