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

Question

尝试在 jquery/Js 上点击特定 div <div class="widget-content"> 的 target="_blank" 在新标签页中打开所有链接 Target。意味着当我们点击 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

您只需要让 div 的 class 为 widget-content 的所有链接在新页面中打开

JSFIDDLE updated

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

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

Click and Open target in new tab with target="_blank" by jquery/Js

html

javascript

jquery

click