通过jquery将文本添加到下载链接[重复]答案

【问题标题】：Add text to downloads link via jquery [duplicate]通过jquery将文本添加到下载链接[重复]
【发布时间】：2014-11-14 09:11:37
【问题描述】：

我想知道这是否可以通过 jquery 来完成，因为我无法在标记中添加它：

我想将download.php?file= 添加到这样的网址（链接会改变，所以我不能只替换整个href）：

<a class="boton" target="_blank" href="http://www.test.com/wp-content/uploads/2014/11/PRUEBA-ES.pdf">DOWNLOAD</a>

所以我可以得到这样的链接：

<a class="boton" target="_blank" href="http://www.test.com/wp-content/uploads/2014/11/download.php?file=PRUEBA-ES.pdf">DOWNLOAD</a>

有什么想法吗？

【问题讨论】：

您之所以被否决，是因为这个问题有几个答案可以通过简单的搜索获得。请务必在将来提出问题之前先研究问题 - 这有助于我们保持网站的有序性和实用性。

标签： javascript jquery

【解决方案1】：

这应该可以工作

$('.boton').each(function (i) {
    var hrefOrig = $(this).attr('href');
    var segments = hrefOrig.split('/');
    var file     = segments.pop()
    var hrefNew  = hrefOrig.replace(file, 'download.php?file='+file);

    $(this).attr('href', hrefNew)
})

@ariel_556 答案可能会起作用，但这个答案与您描述 URL 的方式完全匹配

【讨论】：

【解决方案2】：

是的。我认为如果您实现 jQuery 以使其更易于理解会更好

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    var url = $('.boton').attr('href'),
        arr = url.split('/'),
        file = arr.pop();

    $('.boton').attr('href', arr.join('/') + '/download.php?' + file);
</script>

【讨论】：

这给了我以下输出：href="http://www.test.com/wp-content/uploads/2014/11/PRUEBA-ES.pdfdownload.php?file=PRUEBA-ES.pdf" 它正在重复文件