使用jquery从html文本中删除空格

时间:2018-05-16 09:14:11

标签: jquery

英语不是我的母语所以请不要冒犯。
我想获得以下HTML的文字,但我可以看到白色空格。

我需要它而没有额外的空格。

这是我的代码段:



console.log($(".subTitle").text().trim());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
"<span class="subTitle"><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Location</a></strong>: <span class="attributeTitleValue"> "Chennai"</span>                <span class="titleSeparator"> => </span></span><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Designation</a></strong>: <span class="attributeTitleValue"> "Senior Graphic Artist"</span>                <span class="titleSeparator"> => </span></span><span>END</span>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:3)

在全球范围内使用replace空间,例如replace(/\s+/g, '')而不是trim()trim()仅修剪前导和尾随空格。

&#13;
&#13;
console.log($(".subTitle").text().replace(/\s+/g, ''));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    "<span class="subTitle"><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Location</a></strong>: <span class="attributeTitleValue"> "Chennai"</span>                <span class="titleSeparator"> => </span></span><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Designation</a></strong>: <span class="attributeTitleValue"> "Senior Graphic Artist"</span>                <span class="titleSeparator"> => </span></span><span>END</span>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

要删除所有空格字符,请使用String replace

&#13;
&#13;
console.log($(".subTitle").text().replace(/\s+/g, ''));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
"<span class="subTitle"><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Location</a></strong>: <span class="attributeTitleValue"> "Chennai"</span>                <span class="titleSeparator"> => </span></span><span class="attributeTitleContainer"><strong><a class="Attribute" href="#">Designation</a></strong>: <span class="attributeTitleValue"> "Senior Graphic Artist"</span>                <span class="titleSeparator"> => </span></span><span>END</span>
&#13;
&#13;
&#13;

请注意,字符类\s匹配所有空格字符,特别是:

  

匹配单个空格字符,包括空格,制表符,表单   feed,换行和其他Unicode空间。相当于 [   \˚F\ n \ r \吨符\ v \ u00a0 \ u1680 \ u2000- \ u200a \ u2028 \ u2029 \ u202f \ u205f \ U3000 \ ufeff]。

答案 2 :(得分:0)

您可以在此RegEx中使用npm install -g babel-cli babel-preset-react replace()。您的OP代码(以及显然其他一些帖子)包含/\s/g块中的代码,但我的答案除外。我认为这是不可取的。如果是这样,请添加缺少的<script>结束标记。

<德尔>的console.log($(&#34; .subTitle&#34;)文本()修剪());

演示

&#13;
&#13;
</span>
&#13;
var res = $('.subTitle')[0].textContent.replace(/(\s)+/g, ' ').trim();

console.log(res);
&#13;
&#13;
&#13;