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

这样的事情应该这样做

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

这是使用按钮的demonstration

Answer 2

将'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 3

同时使用javascript

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

Answer 4

如果没有javascript，一次点击就无法在两个不同的标签中打开两个链接。所以我的建议是将这些div包装在父div中并做一些javascript。

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 5

你可以试试这个：

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

更多： Reference-1＆amp; Reference-2

如何通过一次点击使两个div可点击？

5 个答案: