Клик по соседнему элементу

Question

у меня есть некоторая проблема с кликом по соседней ссылке, подскажите как решить это. Вот мой скрипт

// Submit Button
$('.submit_button').click( function () {
    let thisButton = $(this);
    setTimeout(function() {
        let nextObject = thisButton.next();
        nextObject.click();
        console.log(nextObject);
    }, 500);
});

В случае если разметка выглядит так

<button type="button"></button>
<button type="submit"></button>

Оно работает Но если так

<button type="button"></button>
<a href="#" class="d-none"></a>

Оно не работает

Answer 1

В данном случае может быть несколько подходов.
Если Вы знаете индекс (к примеру, они идут у Вас соответствующе), то можно использовать links.

    $('.submit_button').click( function () {
        let thisButton = $(this);
        setTimeout(function() {
            let nextObject = thisButton.next();
            nextObject.click();
            document.links[0].click();
        }, 500);
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="submit_button"></button>
<a href="#123" class="d-none">123</a>

Если они Вам не известны, то можно воспользоваться следующим:

    $('.submit_button').click( function () {
        let thisButton = $(this);
        setTimeout(function() {
            let nextObject = thisButton.next();
            nextObject.click();
            var href = nextObject. attr("href");
            location.href = href;
        }, 500);
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="submit_button"></button>
<a href="#123" class="d-none">123</a>

БЛОГ НА HUSL

Клик по соседнему элементу

Ответы (1 шт):