Развернуть тег привязки на основе содержимого href или имени класса

Question

У меня есть следующий код, который проверяет все теги привязки и удаляет только теги привязки, если их соответствующий href содержит только "#", и это работает.

$("a").each(function() {
    var href = $(this).attr("href");
    if(href == '#') {
        $(this).contents().unwrap();
    }
});

Однако этот код по какой-то причине не работает над HTML ниже.

<a class="slicknav_item slicknav_row" tabindex="-1" aria-haspopup="true" 
   role="menuitem" href="#" style="outline: medium none;">About</a>

Чтобы получить лучшее представление, код, который работает, находится в обычном неупорядоченном списке, в то время как проблема возникает при изменении меню на мобильных устройствах. Я использую Slicknav в качестве адаптивного меню.