Как сделать два div clickable одним щелчком мыши?

Question

У меня есть два div, и я хочу открыть эти два div на новой вкладке одним щелчком мыши.

<a href="http://google.com"><div id="google">This is Google.</div></a> 
<a href="http://youtube.com"><div id="youtube">This is YouTube.</div></a> 

Answer 1

Добавить 'target=_blank' в <a> теге.

<a href="http://google.com" target='_blank'><div id="google">This is Google.</div></a> 
    <a href="http://youtube.com" target='_blank'><div id="youtube">This is YouTube.</div></a> 

Answer 2

Нечто подобное должно сделать

$('a').on('click', function(e) { 
    e.preventDefault(); 
    $('a').each(function() { 
     window.open(this.href, '_blank'); 
    }); 
}); 

---

Вот demonstration с помощью кнопки

Answer 3

Использование Javascript для обоих

<script> 
    $('#googel,#youtube').click(function() 
    { 
    // your commands... 
    }) 
</script> 

Answer 4

Без JavaScript, это не possi чтобы открыть две ссылки в двух разных вкладках одним щелчком мыши. Поэтому мое предложение состоит в том, чтобы обернуть эти divs в родительский div и сделать некоторый javascript.

var wrapper = document.getElementById('wrapper'); 
 

 
wrapper.onclick = function(){ 
 
    window.open('http://google.com', '_blank'); 
 
    window.open('http://youtube.com', '_blank'); 
 
};

#wrapper{ 
 
    cursor: pointer; 
 
} 
 

 
#wrapper:hover{ 
 
    background-color: #0ff; 
 
}

<div id="wrapper"> 
 
    <div id="google">This is Google.</div> 
 
    <div id="youtube">This is YouTube.</div> 
 
</div>

Answer 5

Как вы можете попробовать это:

$("#google, #youtube").click("Do your work"); 

Для более: Reference-1 & Reference-2