为什么这个jQuery代码隐藏了我的段落
why does this jquery code hide my paragraphs
为什么这段代码输出 4 而所有其他内容都没有输出?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery</title>
<script src="jquery-1.9.1.js"></script>
<script>
$(document).ready(function() {
var par = $("p");
document.write(par.length);
});
</script>
</head>
<body>
<p>I am one</p>
<p>I am two</p>
<p>I am three</p>
<p>I am four</p>
</body>
</html>
当文档准备好后调用 document.write 时,它会从文档中删除所有内容,因为它调用 document.open 会清除所有内容
看起来你想要的只是将par.length
附加到身体上
$(document).ready(function() {
var par = $("p");
$('body').append(par.length);
});
当文档准备就绪时,您已经执行了脚本 - 很好。但是 document.write() 将直接写入现有的文档,替换那里的内容,因此您的段落消失了。
由于您使用的是jQuery,因此最好让jQuery为您添加项目:
$("body").append("<p>Paragraph count:"+$("p").length+"</p>");
在正文中创建另一个标签。
<div id="plength"></div>
然后添加如下所示的代码
$(document).ready(function() {
var par = $("p");
$('#plength').text(par.length);
});
运行示例 此处 http://jsfiddle.net/rajeshmepco/Bk6bZ/
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 我的单元测试选项是什么
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 我的职位回报太快了,如何做出承诺
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何识别我的网站中的慢速设备
- 如何将JSON数据导入我的ejs模板
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 知道为什么我的旋转木马不会自动更改图片吗
- 我的模板未被解析
- 我怎么能在同一个HTML页面上多次在不同的段落中添加相同的字符串呢
- 我无法用jQuery隐藏我的段落
- 每当我按下输入框内的键盘输入按钮(其中有文本)时,都会出现新的段落
- 火狐:三次点击的段落选择会产生我所期望的行为
- 如何使用 Jquery 在段落中以纯文本形式显示我的数据,该段落以 JSON 文本包装
- 为什么这个jQuery代码隐藏了我的段落
- 我的函数赢得了'Don’不要在文件中增加段落
- 如何让我的javascript var在html段落中返回
- 为什么我不能隐藏显示我的段落