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

使用jquery解析html和文本的比较,jquery,Jquery,我只是想知道有没有可能比较解析html和普通文本 我只简单解释一下我的问题: 我有一个场景,我必须从html中将字符数计算为“10” eg: <p style="font-family:verdana">What is the advantage of jquery</p> jquery的优点是什么 如果我计算这个html,我不能获取文本的精确字符,我只需要获取10个字符,我必须将其余字符分别显示为两个变量,如下所示,在第二个变量中,我不应该丢失段落样式 eg: va

我只是想知道有没有可能比较解析html和普通文本

我只简单解释一下我的问题:

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

eg: <p style="font-family:verdana">What is the advantage of jquery</p>
jquery的优点是什么

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

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

e jquery的优势

”;
如果我使用.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>";
eg:var one=“

这是什么; var two=“

e jquery的优势

”;
提前谢谢。

试试看

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>';
var html='

jquery的优势是什么; var text=jQuery(html).text(); var one='

'+text.substring(0,10)+'

'; var two='

'+text.substring(10)+'

';
var html='

jquery的优势是什么; //将HTML字符串转换为两个jQuery对象 变量1=$(html),变量2=$(html); //将第一个对象内的文本替换为其子字符串(从0开始的10个字符) 一个.text(一个.text().substr(0,10)); //用第二个对象的子字符串替换第二个对象中的文本(从10开始的字符resto) two.text(two.text().substr(10)); //现在您有了两个jQuery对象,每个对象包含一个带有文本片段的段落。 控制台日志(一个); 控制台日志(两个);

检查:

$(文档).ready(函数(){
var max=10;
var text=$('#elem').text();
如果(text.length>max){
var one=text.substring(0,最大值);
var short=text.substring(最大值);
var clone=$('#elem').clone();
clone.text(短);
变量温度=$('');
$(临时)。追加(克隆);
var two=$(temp.html();
警报(一);
警觉(二);;
}
});    

不知道你想要实现什么。解析后,
p
元素包含一个文本节点,内容为“jquery的优点是什么”。你可以把这篇文章分成10个字符,然后把它们放到其他元素中,但是这和你的问题标题有什么关系呢?
var html = '<p style="font-family:verdana">What is the advantage of jquery</p>';

// convert HTML string to two jQuery objects
var one = $( html ), two = $( html );

// replace the text inside first object with its substring (10 characters starting at 0)
one.text( one.text().substr(0, 10) );

// replace the text inside second object with its substring (the resto of characters starting at 10)
two.text( two.text().substr(10) );

// now you have two jQuery objects, each containing a paragraph with a fragment of text.
console.log( one );
console.log( two );
$(document).ready(function () {
    var max = 10;    
    var text = $('#elem').text();

    if(text.length > max){
        var one = text.substring(0, max);
        var short = text.substring(max);
        var clone = $('#elem').clone();
        clone.text(short);

        var temp = $('<div />');
        $(temp).append(clone);

        var two = $(temp).html();
        alert(one);
        alert(two);
    }
});