如何< a>在jQuery的帮助下用标签 Package 元素的内容

z9zf31ra 于 2023-08-04 发布在 jQuery

关注(0)|答案(2)|浏览(92)

我有以下设置：

<div class="vc_acf organisation">
    <span class="vc_acf-label">Organisation:</span> CLEMI</div>
</div>

字符串
我想把它改成：

<div class="vc_acf organisation">
    <span class="vc_acf-label">Organisation:</span> <a href="https://beglobal.toc-web.site/resources/clemi">CLEMI</a></div>
</div>

型
到目前为止我得到了什么：

(function($) {
    $(".organisation").each(function() {
        $(this).html($(this).html().replace(/CLEMI/g, "<a href='https://beglobal.toc-web.site/resources/clemi'>CLEMI</a>"));
    });

})(jQuery);

型
这工作完美，但我有几十个组织（像克莱米是其中之一）。领域组织是动态创建的，并且总是在变化。因此，我不想为每个组织编写jQuery，而是找到一个快捷方式来选择该元素的内容，并使用链接 Package 它，同时更改该链接的URL。

注意：有时组织存在两个词，例如：SOS饥荒，链接应该是：https://beglobal.toc-web.site/resources/sos-faim

jquery

来源：https://stackoverflow.com/questions/76802708/how-can-i-wrap-the-content-of-an-element-with-an-a-tag-with-the-help-of-jquery

2条答案

按热度按时间

oprakyz71#

这可能是你的问题的解决方案

(function($) {
    $(".organisation").each(function() {
        // Get span label
        var span = $(this).find(".vc_acf-label")[0].outerHTML;
    
        // Get company name
        var text = $(this).contents().filter(function(){return this.nodeType === 3}).text()

        // Make link from company name
        var href = text.trim().replace(" ", "-");
        href = "https://beglobal.toc-web.site/resources/" + href.toLowerCase();
      
       $(this).html(span + " <a href='"+ href +"'>"+ text +"</a>");
    });

})(jQuery);

个字符

赞(0）回复(0）举报 2023-08-04

lymnna712#

你可以试试这样的方法：

var myContent = $(".organisation").text();

$(myContent).wrap( "<a href='https://beglobal.toc-web.site/resources/clemi'></a>");

字符串
小提琴：https://jsfiddle.net/v3z6eg82/

赞(0）回复(0）举报 2023-08-04

我来回答

如何< a>在jQuery的帮助下用标签 Package 元素的内容

2条答案

相关问题

热门标签

最新问答