Question

尝试打开所有链接使用target =＆＃34; _blank＆＃34;在新标签中定位点击jquery / Js的特定div <div class="widget-content">。表示当我们点击div widget-content链接的任何链接时，将在任何浏览器的新标签页中打开。

HTML： JS Fiddle＆gt;

<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'));
});

点击并在新标签页中打开目标，其中target =＆＃34; _blank＆＃34;由jquery / Js

2 个答案: