jquery - 使用jquery解析html和文本的比较

Question

我只是想知道是否可以比较解析html和普通文本？

我将简要解释我的问题:

我有一个场景，我必须将 html 中的字符数计算为“10”

eg: <p style="font-family:verdana">What is the advantage of jquery</p>

如果我计算这个html，我无法获取文本的确切字符，我只需要获取10个字符，并且我必须将其余字符分别显示为两个变量，如下所示，其中我不应该丢失第二个变量中的段落样式。

eg: var one = "What is th";
    var two = "<p style="font-family:verdana">e advantage of jquery</p>";

如果我使用.parse()，我可以用来与普通文本进行比较，我不知道如何继续的确切答案，如果有人有想法，你能通过给出示例代码建议我如何做吗？

或者是否有可能显示如下:

eg: var one = "<p style="font-family:verdana">What is th</p>";
    var two = "<p style="font-family:verdana">e advantage of jquery</p>";

提前致谢。

Answer 1

尝试

var html = '<p style="font-family:verdana">What is the advantage of jquery</p>';
var text = jQuery(html).text();
var one = '<p style="font-family:verdana">' + text.substring(0, 10) + '</p>';
var two = '<p style="font-family:verdana">' + text.substring(10) + '</p>';