Get custom json divs length by attribute value

Viewed 11

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" }, },

0 Answers
Related