从链接开始修剪空格，并将空格添加到 A 标记之外

Posted 2023-05-07

【中文标题】从链接开始修剪空格，并将空格添加到 A 标记之外

【英文标题】：Trim spaces from link beginning, and prepend space to outside of A tag

【发布时间】：2016-01-02 14:19:39

【问题描述】：

我的博客上有一位作者一直错误地在链接中放置空格，因此每个链接都以带下划线的空格开头。这很烦人。我尝试使用以下代码通过 jquery 解决此问题，但似乎无法取消链接初始空间并在 HMTL A 元素上方添加非链接空间。

    text = $(this).text();
    if (text[0] == ' ') 
        console.log(this);
        $(this).text($.trim( $(this).text() ));
        // thehtml = $(this).outerHTML();
        $(this).outerHTML().replaceWith('=' + $(this).outerHTML());
        // $(this).prepend('=');
    

示例：http://jsfiddle.net/691tx33w/

如果我们删除空格，单词和链接就会被弄乱。

【问题讨论】：

我们能看到一个html元素的例子（当前状态，然后是期望的结果状态）吗？

添加了 jsfiddle 和进一步的解释。

【参考方案1】：

使用.trim() 删除空格，使用.before() 在<a> 标签前添加空格

$(document).ready(function() 
    $('a').each(function()         
        if ($(this).text().charAt(0) == ' ') 
            $(this).text($.trim($(this).text()));
            $(this).attr('href', $.trim($(this).attr('href')));
            $(this).before(' ');
        
    );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>My wife and I live in southern Florida where, according to<a title="1.1 Million U.S. Properties with Foreclosure Filings in 2014, Down 18 Percent From 2013 to Lowest Level Since 2006" href="http://www.realtytrac.com/news/foreclosure-trends/1-1-million-u-s-properties-with-foreclosure-filings-in-2014-down-18-percent-from-2013-to-lowest-level-since-2006/" target="_blank"> one report</a>, 27% of homes have seen a foreclosure notice since 2007. In other places the numbers aren’t as bad, but they’re still depressing. What happened? Sure, times were tough, but even when<a title="unemployment topped 10%" href="http://www.nytimes.com/2009/11/07/business/economy/07jobs.html?_r=0" target="_blank"> unemployment topped 10%</a>, that left about 90% of us employed.</p>

【讨论】：

b-e-a-utiful。谢谢！