在 jquery/Js 中使用 target="_blank" 在新选项卡中单击并打开目标

Question

尝试通过 jquery/Js 单击特定 div <div class="widget-content"> 的 target="_blank" 在新选项卡中打开所有链接目标。意味着当我们点击 div widget-content 的任何链接时，链接将在任何浏览器的新标签页中打开。

HTML: JS Fiddle >

<div class="widget-content">
<ul>
<li><a href="https://twitter.com/slycolor"> <b>1k</b></a></li>
<li><a href="https://www.facebook.com/">  <b>3,200</b></a></li>
<li><a href="https://plus.google.com/"> <b>507</b></a></li>
<ul>
</div>

<div class="widget-content-2">
<ul>
<li><a href="https://twitter.com/slycolor"> <b>1k</b></a></li>
<li><a href="https://www.facebook.com/">  <b>3,200</b></a></li>
<li><a href="https://plus.google.com/"> <b>507</b></a></li>
<ul>

此功能仅适用于.widget-content，不适用于.widget-content-2。我可以通过更改 html 来做到这一点，但尝试通过 Jquery/JS 来做到这一点。谢谢。

Answer 1

尝试使用选择器$(".widget-content a")，e.preventDefault()，window.open()

$(".widget-content a").click(function(e) {
  e.preventDefault();
  window.open(this.href)
});

jsfiddle http://jsfiddle.net/zLs296Lu/2/

Answer 2

你只需要将类为widget-content的div的所有链接都设置为在新页面中打开

JSFIDDLE updated

$('.widget-content a').click(function(e) {
    e.preventDefault();
    window.open($(this).attr('href'));
});