【问题标题】:How to add new text in all a tag href [Update]如何在所有标签 href 中添加新文本 [更新]
【发布时间】:2016-12-19 06:28:24
【问题描述】:

我有20个<a>标签链接,href是这样的

<a href="/item/sdfs/saf/sf/sf"></a>

它们列在 ul li 下

<ul class="someclass">
    <li>
        <a href="/item/sdfs/saf/sf/sf"></a>
    </li>
</ul>

我想像这样在href中添加一个网站链接

<a href="website.com/item/sdfs/saf/sf/sf"></a>

我找到了解决办法

$("ul.portfolio_sec li a").each(function() {
        var src = $(this).attr('href').replace('/item','https://www.website.net/item/');            
        //var a = $('<a/>').attr('href', src);
        $(this).attr('href', src);
        $(this).attr('target', "_blank");
        //console.log(src);
    });

而且效果很好

【问题讨论】:

  • 你是问如何动态添加还是如何在列表中添加硬编码文本
  • 是否要将href 添加到所有a 标签中?
  • 我想通过 jquery 或 php @CrazyMac 动态添加
  • 是的,ul @Leopard 下的所有 href
  • 通过 Jquery 获取对 ul 的引用并继续追加列表。如下所示,$('ul').append('
  • ....
  • ')

标签: javascript jquery customization href


【解决方案1】:

您可以选择所有这些并在 URL 的其余部分之前添加 website.com

$('.someclass a').each(function(index, a){
    a.href = 'website.com' + a.href;
} );

【讨论】:

    【解决方案2】:

    使用 jquery 你可以做到这一点

    $('.someclass li a').attr("href", "http://www.google.com");
    

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签