[HTML][JavaScript] pobieranie indeksu elementu o wybranej wartości atrybutu Opcje

[stellatus]

Każde dziecko diva .facetwp-facet-tags ma swój indeks. Chciałbym pobrać indeks elementu o wybranej wartości data-value, np. "autarkie". Jak to zrobić?

Kod

<div class="facetwp-facet-tags">
    <div class="facetwp-checkbox" data-value="arbeit">
        Arbeit <span class="facetwp-counter">(4)</span>
        <span class="facetwp-expand">[+]</span>
    </div>
    <div class="facetwp-depth">
        <div class="facetwp-checkbox" data-value="arbeitsrecht">
            Arbeitsrecht <span class="facetwp-counter">(4)</span>
        </div>
        <div class="facetwp-checkbox" data-value="gastronomie">
            Gastronomie <span class="facetwp-counter">(4)</span>
        </div>
    </div>
    <div class="facetwp-checkbox" data-value="autarkie">
        Autarkie <span class="facetwp-counter">(2)</span>
    </div>
    <div class="facetwp-checkbox" data-value="bach-johann-sebastian">
        Bach, Johann Sebastian <span class="facetwp-counter">(1)</span>
    </div>
    <div class="facetwp-checkbox" data-value="ludwig-van-beethoven">
        Beethoven, Ludwig van <span class="facetwp-counter">(1)</span>
    </div>
    <div class="facetwp-checkbox" data-value="behinderten">
        Behinderten <span class="facetwp-counter">(1)</span>
    </div>
    <div class="facetwp-checkbox" data-value="bioinformatik">
        Bioinformatik <span class="facetwp-counter">(1)</span>
    </div>
    <div class="facetwp-checkbox" data-value="christentum">
        Christentum <span class="facetwp-counter">(4)</span>
        <span class="facetwp-expand">[+]</span>
    </div>
</div>

Każde dziecko .facetwp-facet-tags ma klasę .facetwp-checkbox. Do konsoli wpisałem coś takiego:

Kod

let list = document.querySelectorAll("div.facetwp-checkbox");
let i = list.indexOf("div.facetwp-checkbox[data-value=autarkie]");
console.log("i");

To nie działa. Wyświetla się błąd: "TypeError: list.indexOf is not a function".