jQuery 处理网页内容的实现代码_jquery-js教程-PHP中文网

jQuery 处理网页内容的实现代码_jquery

php中文网

发布： 2016-05-16 18:34:35

原创

903人浏览过

jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理；html()和text()相似，不同的是它还支持HTML代码。

复制代码代码如下:

//设置ID为"b5_a"段落的内容为"这是新加入的文本信息";
$('#b5_a").text("这是新加入的文本信息");
//在ID为"b5_b"的div里加入一段html代码；
$("#b5_b").html("

新加入一个html段落

我要服装批发网

由逍遥网店系统修改而成，修改内容如下：前台商品可以看大图功能后台商品在线添加编辑功能（允许UBB）破解了访问统计系统增加整合了更加强大的第三方统计系统（IT学习者v1.6）并且更新了10月份的IP数据库。修正了后台会员订单折扣金额处理错误BUG去掉了会员折扣价这个功能，使用市场价，批发价。这样符合实际的模式，批发价非会员不可看修正了在线编辑无法使用 “代码&rdqu

查看详情

");

有时我们要读取页面的内容，这也可以用text()和html()来实现。同样，使用text()得到的是纯文本；使用html()得到的是html代码。

复制代码代码如下:

 
//点击第二个按钮查看相关元素的文本内容 
$("button:eq(1)").click(function(){ 
alert($('#b5_a').text()); 
}); 
//点击第四个按钮查看相关元素的HTML内容 
$("button:eq(3)").click(function(){ 
alert($('#b5_a').html()); 
}); 

注意：text()和html()返回值得类型都是字符串型（string）。如果我们要对返回值进行算术运算，我们可以使用原始的JavaScript 函数：parseInt 或者 parseFloat 先把字符串转换成整形或者浮点型。

复制代码代码如下:

 

12.3

1.5



//通过下面的jQuery代码，可以对上述列表求和 
$("button:eq(4)").click(function(){ 
var sum = 0; 
$('li').each(function(index){ 
sum += parseFloat($(this).text()); 
}); 
alert(sum); 
}); 