Question

<div class="name" >
product name
</div>

当我使用以下代码计算product name字符串的长度时：

var productnames = document.getElementsByClassName('name');
productnames[0].innerHTML.trim();
console.log(productnames);
console.log(productnames[0].innerHTML.length);

我的修剪原型功能是

String.prototype.trim = function() {
       return this.replace(/^\s+|\s+$/g,"");
};

结果是64。但是，如果我在：

上运行相同的代码

<div class="name" >product name</div>

结果为13。

有没有办法删除innerHTML字符串之前和之后的空格，这样我只剩下产品名称而不删除退格？一个jQuery解决方案也没关系。

Answer 1

如果您正在使用jQuery插件。它比那更简单。

$.trim(stringHere);

所以你的代码将是

$.trim($('.name').text());

在代码中，$('.name').text()将是提供给方法的字符串，必须将其删除。我已经创建了一个示例小提琴，让您检查它是如何工作的。

http://jsfiddle.net/afzaal_ahmad_zeeshan/dJ9SA/

更多信息：http://api.jquery.com/jQuery.trim/

Answer 2

我想你已经在那里了：

var productnames = document.getElementsByClassName('name'),
    html = productnames[0].innerHTML.trim(), // returns the trimmed string
    len = html.length; // gets the length of the string

console.log(html); // "product name"
console.log(len);` // 12

修剪div中的字符串

2 个答案: