Javascript 如何使用jQuery脚本一次打开多个链接_Javascript_Jquery

Javascript 如何使用jQuery脚本一次打开多个链接

javascript jquery

Javascript 如何使用jQuery脚本一次打开多个链接,javascript,jquery,Javascript,Jquery,我有一个客户图表，我需要通过在新选项卡中打开来手动打开每个客户我正在尝试使用jQuery脚本，这样当我在控制台中输入脚本时，它将为我打开该页面中的每个客户链接下面是我现在的代码。此代码的工作范围是，它仅打开客户页面中50个客户链接中的第一个客户链接。有谁能帮我配置一下，让它在给定页面上的新选项卡中打开每个客户我正在使用最新版本的chrome作为浏览器 var $pbfLinks = $('.name a'); for (var i = 0; i < $pbfLinks.le

我有一个客户图表，我需要通过在新选项卡中打开来手动打开每个客户

我正在尝试使用jQuery脚本，这样当我在控制台中输入脚本时，它将为我打开该页面中的每个客户链接

下面是我现在的代码。此代码的工作范围是，它仅打开客户页面中50个客户链接中的第一个客户链接。有谁能帮我配置一下，让它在给定页面上的新选项卡中打开每个客户

我正在使用最新版本的chrome作为浏览器

var $pbfLinks = $('.name a');
     for (var i = 0; i < $pbfLinks.length; i++) {
          var element = $pbfLinks[i];
          var $pbfLink = $(element);
             $pbfLink.attr('target', '_blank');
             $pbfLink[i].click(function() {
                     window.open($pbfLink);
  });
};



 <tbody>
                          <tr data-bind-class="{selected: bulkOperations.selected[6463344]}"
                              data-define="{nestedLinkContainer: new Shopify.NestedLinkContainer(this)}">
                            <td class="select">
                              <div class="next-input-wrapper"><label class="next-label helper--visually-hidden next-label--switch" for="customer_ids_6463344">Select customer, Mayra </label><input type="checkbox" name="customer_ids_6463344" id="customer_ids_6463344" value="6463344" bind="bulkOperations.selected[6463344]" bind-event-change="bulkOperations.selectionChanged()" class="next-checkbox" /><span class="next-checkbox--styled"><svg class="next-icon next-icon--size-10 checkmark"> <use xlink:href="#next-checkmark-thick" /> </svg></span></div>
                            </td>
                            <td class="name no-wrap">
                              <a data-nested-link-target="true" href="/admin/customers/6463344">Mayra </a>
                                                          </td>
                            <td class="location type--subdued">
                                 US
                            </td>
                            <td class="orders tc">0</td>
                            <td class="last_order tc">
                                &mdash;
                            </td>
                            <td class="money_spent tr">$0.00</td>
                          </tr>
                          <tr data-bind-class="{selected: bulkOperations.selected[6463317764]}"

您可以使用以下代码：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script> 
$(document).ready(function() {
    var linksArray =['https://www.google.com','http://www.facebook.com','http://www.stackoverflow.com'];
    var i;
    $('#open').click(function() {
      for( i=0; linksArray.length > i; i++){
        window.open(linksArray[i]);
      }
    });
});
</script>
</head>
<body>

<button id="open" class="button">Open Tabs</button>

</body>
</html>

您根据请求发布的HTML代码看起来不完整。希望结构有点像

<div class="name"...>
<tr>
<td>
<a href="...>
</td>

根据您的问题提供的信息，您试图实现的目标可以通过这种方式实现

var links=$'a[数据嵌套链接目标=true]； Array.fromlinks.forEachfunctionlink{ window.openlink.href，“\u blank” }; JS-Bin

可能重复的内容与可能重复的帖子无关。给出的帖子是为了给出每个特定的链接。我的问题是，我需要使用jQuery打开多个随机链接。请同时发布一部分相关的html代码。我已经用html代码@AakashVerma更新了帖子。谢谢我不明白为什么函数返回false。谢谢你的帮助。为了确保这段代码需要我在数组中单独输入每个链接？如果是的话，有没有一种方法可以代替手工输入链接。。我可以循环和/或迭代存储链接的每个类名？在我的示例中，您可以看到我试图检索的所有链接都来自.name a。我需要在新选项卡中打开的每个链接都包含在相同的类名中，但级别不同。

$('.name > tr > td').each(function() {
    var $this = $(this > a);
    $this.attr('target', '_blank');
    $this.click(function() {
        window.open($this.attr('href'));
        window.focus();
        return false;
  });
});