                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

“我是P先生”为什么会显示两次？

<body>
        <p>我是P先生</p>
        <p style="display:none">我是一个隐藏的P先生</p>
        <div>我是div先生</div>
    </body>
    <script type="text/javascript">
    var $strHTML = $("p:visible").html();
    $("div").html($strHTML);
    </script>

该节例子中，没有隐藏的P不是只有一个吗？为什么在结果会有两个“我是P先生”呢？

青霜

2015-08-13

源自：jQuery基础课程 3-6

关注问题我要回答

467

操作

收起

2 回答

qq_慕蓉蓝落_0
2015-08-18

我也有相同的问题，但是不知道按照你的这样理解对吗，因为

<body>

<div>div的内容</div>

<div>Hello World!</div>

<script type="text/javascript">

$("div").html("ABC");

</body>

这样却不显示<div></div>中的内容，这样不就矛盾了吗？

0 回复有任何疑惑可以回复我~

#1

青霜提问者

你通过$("div").html("ABC");重新设置了“div”中的内容，所以结果为两个“ABC”

2015-08-19 回复有任何疑惑可以回复我~

#2

qq_慕蓉蓝落_0 回复青霜提问者

这个我知道，我就是很奇怪为什么不把div中的两个先打出来，然后再打出两个ABC

2015-08-19 回复有任何疑惑可以回复我~

#3

青霜提问者回复 qq_慕蓉蓝落_0

我明白你的意思了，要按照你的想法的话，应该加个click事件或按钮吧，让内容先显示出来，在单击或按按钮后进行替换

2015-08-20 回复有任何疑惑可以回复我~

查看1条回复

青霜提问者
2015-08-13

现在明白过来了，第一个是原来没有隐藏的<p>中的“我是P先生”，后面那个是通过代码添加在<div>中的

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

“我是P先生”为什么会显示两次？

我要回答关注问题

意见反馈帮助中心 APP下载