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

隐藏的“西瓜”为啥不显示，hidden不是说显示所有隐藏内容么

            <li style="display:none">橘子</li>
            <li style="display:block">香蕉</li>
            <li style="display:inline">芒果</li>
            <li style="display:">葡萄</li>
            <li>苹果</li>
            <div></div>
            <li style="display:none">西瓜</li>
        </ul>

        <script type="text/javascript">
            $("li:visible").css("background-color","blue");
            $("div").html($("li:hidden").html());
        </script>

慕莱坞8968761

2016-04-02

源自：jQuery基础课程 3-6

关注问题我要回答

530

操作

收起

2 回答

请叫我攻城喵回答被采纳 +3 积分
2016-04-02

你没搞清楚$().html()的用法，$().html()用于获取内容时只会获取第一个匹配元素，$().html(content)用于设置内容时是设置所有匹配元素。

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

#1

慕莱坞8968761 提问者

非常感谢！

2016-04-05 回复有任何疑惑可以回复我~

weibo_TQ雨阳_0
2016-04-02

var hidden=$("li:hidden");

for(var i=0;i<hidden.length;i++){

$("div").append(hidden.eq(i).html()+"<br>")

}

这样就行了，$("li:hidden")得到的相当于是一个长度为2的数组，直接打印的话只打印第一个的内容，若要全部显示遍历一下就ok。

初学，要是不对不要介意。

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

#1

weibo_TQ雨阳_0

$("div").html($("li:hidden").removeAttr("style"))这样也行

2016-04-02 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

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

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

隐藏的“西瓜”为啥不显示，hidden不是说显示所有隐藏内容么

我要回答关注问题

意见反馈帮助中心 APP下载