Инициировать щелчок по тегу привязки с определенным классом div

Короче говоря, есть два разных div с разными классами, внутри которых есть теги привязки. Я хочу автоматически щелкать/инициировать клики по определенным тегам привязки. Вот мой HTML-код ниже.

<div class = "findme active">
    <ul>
        <li><a href = "#tab1">link1</a></li>
        <li><a href = "#tab2">link2</li>
    </ul>
</div>
<div class = "findmetwo active">
    <ul>
        <li><a href = "#tab1">link1</a></li>
        <li><a href = "#tab2">link2</a></li>
    </ul>
</div>

Например, я хочу автоматически щелкнуть по перезагрузке документа для div с классом findme, щелкнуть по ссылке1, а для div с классом findmetwo нажать по ссылке2. Я уже добавил активный класс ко всем div с помощью jquery.

Вам нужно добавить прослушиватель событий onload в document. В этом случае слушатель вызывает element.click(), чтобы имитировать щелчок по соответствующему элементу HTML. Прочтите это developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Harinder Singh 13.12.2020 08:26

это только для , если мы наводим указатель мыши на поле или div

xtreamhaks 13.12.2020 08:28

Отметьте ответ, если он полезен, примите его как решение.

Harinder Singh 13.12.2020 09:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
781
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете сделать это следующим образом:

// similar to document onload
$( document ).ready(function() {
    
    $('.findme li:nth-child(1) a').click();
    $('.findmetwo li:nth-child(2) a').click();    
    
});

Проверьте это https://jsfiddle.net/xLyh0o7q/

если вы хотите запускать его только при перезагрузке (не при первой загрузке страницы), используйте список событий beforeunload и установите некоторую переменную в локальном хранилище, которую вы можете проверить позже в прослушивателе событий onload/ready.

Harinder Singh 13.12.2020 09:22

хорошо, я смог найти решение, все равно спасибо за помощь,

xtreamhaks 15.12.2020 14:41
Ответ принят как подходящий

после поиска и некоторого RND я смог найти решение, вот ответ на мой вопрос

jQuery( ".findme3" ).find( ".reviews_tab " ).children('a').trigger('click');

Другие вопросы по теме