Javascript 在所有a href URL中追加新路径

我看过这篇文章，但答案似乎对我的情况没有帮助

我目前正在使用一个插件（easytab）创建几个不同的选项卡，每个选项卡都包含一个标签，如

出于某种原因，我有一个按钮，可以在所有href中附加一些额外的路径，以便将用户重定向到正确的位置

我试着用

$("a#tab1").each(function() {
   var _href = $(this).attr("href"); 
   $(this).attr("href", _href + 'startDate=20160121?endDate=20160212');
});

但是，将“startDate=20160121？endDate=20160212”附加在

上，它将所有内容替换为
www.text.com/custom/questions/ask/startDate=20160121？endDate=20160212
，这是不对的，我应该如何修复它

更新1:
很抱歉，我在上提供了错误的描述，插件中的ID实际上是相同的


$（“a#tab1”）
选择单个
。我建议对它们使用一个独特的类

可以使用回调函数更改所有匹配元素的
href
属性值

$('a[id^="tab"]').attr('href', function(i, oldHref) {
    return oldHref + '?startDate=20160121&endDate=20160212';
});


如中所述，querystring格式应如下所示

'?startDate=20160121&endDate=20160212'
 ^                  ^


更新：

再说一遍，ID应该是唯一的。对于类似目的的元素，您可以使用类而不是ID

将标记更改为使用类

<a class="tabopen" href="www.text.com/custom/questions/ask/">

<a class="tabopen" href="www.text.com/default/questions/ask/">

坏习惯：

如果无法更改标记（由某个插件自动生成的标记），可以使用属性值选择器选择具有相同ID的所有元素

$('a[id="tabopen"]').something...

$（“a#tab1”）
选择一个单曲。我建议对它们使用一个独特的类

可以使用回调函数更改所有匹配元素的
href
属性值

$('a[id^="tab"]').attr('href', function(i, oldHref) {
    return oldHref + '?startDate=20160121&endDate=20160212';
});


如中所述，querystring格式应如下所示

'?startDate=20160121&endDate=20160212'
 ^                  ^


更新：

再说一遍，ID应该是唯一的。对于类似目的的元素，您可以使用类而不是ID

将标记更改为使用类

<a class="tabopen" href="www.text.com/custom/questions/ask/">

<a class="tabopen" href="www.text.com/default/questions/ask/">

坏习惯：

如果无法更改标记（由某个插件自动生成的标记），可以使用属性值选择器选择具有相同ID的所有元素

$('a[id="tabopen"]').something...

$（“a#tab1”）
将仅选择单个元素。使用
$（'a[id^=“tab”]'）。每个（..
。还需要修复查询字符串格式…应该是
？param1=xx¶m2=yy
格式抱歉，请查看我的更新，好先生
$（'a#tab1”）
将只选择一个元素。使用
$（'a[id^=“tab”]）。每个（..
。还需要修复查询字符串格式…应该是
？param1=xx¶m2=yy
格式对不起，请查看我的更新，好先生