Как я могу поймать 8-й элемент меню, чтобы открыть в новой вкладке

Question

У меня есть меню, и я хочу поймать его 8-й элемент. Я хочу открыть этот URL в новой вкладке. Я попробовал это, но это не сработало. Ι нет ошибок в консоли, и URL все еще открывается в том же окне.

<script>
jQuery('ul#main-menu li:nth-child(8) a').click(function() {
   window.open("https://google.com", '_blank');
});         
</script>

Answer 1

Ваша проблема не в селекторе ul#main-menu li:nth-child(8) a, на самом деле он мне кажется правильным, хотя я не уверен, как вы html выглядите

Вам нужно остановить действие по умолчанию для ссылки a клик по тегу, который, естественно, go к указанному href

, это то, что вам нужно сделать

<script>
    jQuery('ul#main-menu li:nth-child(8) a').click(function(e) {
        e.preventDefault();
        window.open("https://google.com", '_blank');
    });         
</script>

см. Дополнительную информацию о protectDefault ( )