在某些情况下,“text”方法会删除单词之间的空格
`text` method removes space between words in some case
从我的容器中,我正在尝试fetch
text
。但是有些原因,我无法在某些场景之间取得word space
。我在这里没有得到确切的问题以及如何解决这个问题..
在这个html
我的控制非常有限,因为我从服务器获取html
。
有人给我一个解决方案吗?
var myText = $('.textHighLight').text();
$('#parent').before(myText);
//look in to here: ANDMAINTENANCE, OFAL-GHARAFA (both AND and OF) lost their space.
#parent{
border:1px solid red;
position:relative;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
<div style="white-space:pre;"><span class="cls_3 textHighLight userNote1">CONSTRUCTION</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">COMPLETION</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">AND</span></div>
<div style="white-space:pre;"><span class="cls_3 textHighLight userNote1">MAINTENANCE</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">OF</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">OUTDOOR</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">COOLING</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">OF</span></div>
<div style="white-space:pre;"><span class="cls_3 textHighLight userNote1">AL-GHARAFA</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">SPORTS</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">CLUB</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">FOR</span><span class="cls_4 textHighLight userNote1"> </span><span class="cls_3 textHighLight userNote1">ASPIRE</span></div>
<div style="white-space:pre;"><span class="cls_3 textHighLight userNote1">ZONE</span></div>
</div>
代码
中没有删除空格,您会看到空跨度,
<span class="cls_4 textHighLight userNote1"> </span>
这是在某些情况下添加空格的地方,要么删除它们,然后使用DemoUser的答案
或者只是添加它们,而不是添加它们。看这个小提琴
你行var myText = $('.textHighLight').text();
从类textHighLight
的元素中获取文本作为单个字符串,你需要使用 $.each() 循环遍历所有元素并传入文本并附加它,如:
var textArr = [];
$.each( $('.textHighLight'), function(idx, v) {
textArr.push($(v).html());
});
$('#parent').before(textArr.join(" "));
相关文章:
- 从输入值中删除最后一个单词
- regex如何删除特定单词后的逗号
- 删除javascript中包含特定单词的行
- 从语音识别api结果中删除以前识别的单词
- 在某些情况下,“text”方法会删除单词之间的空格
- 如何删除两个单词之间的字符串
- 我在angular JS中选择了一个默认选项,并删除了两个单词之间的下划线
- 删除连续重复的单词javascript
- Javascript删除某个单词所在的html行
- j查询从数组中删除值(如果包含单词)
- 如何使用javascript或jquery删除单词的第一个空格
- 正则表达式 - 从字符串中删除单词的所有出现
- 按后缀删除单词
- 删除文本框上的空格,但不删除单词之间的空格
- 正在从类名中删除单词
- 如何在javascript中删除单词后的所有字符串
- JS Regex:删除单词后的任何内容(ONLY)
- Javascript -遍历字符串并从末尾删除单词
- 从子字符串中删除单词
- Javascript-如何删除单词之间的所有多余间距